亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

java - vue.js如何寫checkbox.radio?
PHPz
PHPz 2017-04-18 10:52:28
0
2
603

我想用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我不知道怎么辦了

PHPz
PHPz

學習是最好的投資!

全部回覆(2)
小葫蘆

首先,謝邀。

根據(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)值的多樣化。

最後建議,以後這種內容不對題的問題還是少些比較好,看下社區(qū)的規(guī)範有助於你快速找到答案。再次謝邀,希望可以幫到你,或是為你提供一些新的思路

阿神

謝邀。

你這個問題問的就不專業(yè)... 你標題想問checkbox.radio,內容裡面的程式碼卻是 select下拉框。

而且這個是及其基礎的問題。
如果值1,值2是後臺提供的,你怎麼可能不進行查詢呢?
其實道理一樣,你在前端請求後臺拿到資料之後,再去渲染頁面。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板