我想用vue寫checkbox.radio,這個怎么做呢
vue版本2.X
java springmvc
正常情況下會生成如下格式
<select>
<option value>值1</option>
<option value>值2</option>
</seltct>
一般情況下數(shù)據(jù)庫里面放的是狀態(tài)碼 1,2。
而前臺展示的時候顯示的是值1,值2。
我如何直接輸出值1,值2呢,我不想在后臺進行值查詢可以嗎?
以前的JSP都是寫個tag,直接把值轉成html,現(xiàn)在vue我不知道怎么辦了
學習是最好的投資!
首先,謝邀。
根據(jù)你的描述,是希望後臺只存狀態(tài)值,然後將對應狀態(tài)值的content存在js的某個角落,當你需要渲染的時候,再根據(jù)對應狀態(tài)值,取出對應的content渲染到頁面
由於這種一般都是後臺返回,但是這裡根據(jù)需求你也許可以這麼做
先在data中(或寫一個store檔案依序專門存放這些內容)
options: [
'我是1',
'我是2',
'我是3',
'我是4',
'我是5',
'我是6',
'我是7',
'我是8',
'我是9',
'我是10',
]
然後你可以在data裡寫一個接受後臺傳來的狀態(tài)值
option_values: [
0,
2,
4
]
根據(jù)這些在頁面上渲染效果
<select>
<option value='item' v-for='item in option_values'>{{options[item]}}</option>
</select>
最終效果
不過,也不是什麼好辦法,因為對數(shù)組來說索引只能事數(shù)字了,就局限了狀態(tài)值的型態(tài)。以上是一種解決辦法。
那麼考慮到狀態(tài)值的多樣化,該怎麼做呢,講數(shù)組轉化為對象寫法
將上述第一步改為鍵值對形式
options: {
'option1':'我是1',
'option2':'我是2',
'option3':'我是3',
'option4':'我是4',
'option5':'我是5',
'option6':'我是6',
'option7':'我是7',
'option8':'我是8',
'option9':'我是9',
'option10':'我是10',
}
這麼寫的話原本我們傳來只能是數(shù)字類型的狀態(tài)值就可以很自然的變成
option_values: [
'option1',
'option3',
'option9'
]
這樣也能保證狀態(tài)值的多樣化。
提供一些新的思路
謝邀。
你這個問題問的就不專業(yè)... 你標題想問checkbox.radio,內容裡面的程式碼卻是 select下拉框。
而且這個是及其基礎的問題。
如果值1,值2是後臺提供的,你怎麼可能不進行查詢呢?
其實道理一樣,你在前端請求後臺拿到資料之後,再去渲染頁面。