VUEドロップダウンボックスラジオ、チェックボックスとデフォルト値

背景:

ラジオボタンおよびチェックボックスは、ELが選択使用されるが、後端渡された値型は、値がチェックボックスリストのタイプが渡され、同じではない:[「値1」「を値2」]、単一パスボックスの値そして、同じの他のタイプは、デフォルト値がtrueの設定します

結果は:

 

次のようにHTMLコードは次のとおりです。

1  < テンプレート> 
2      < DIV > 
3      < EL状REF = "フォーム" :モデル= "フォーム" ラベル幅= "80px" > 
4      < EL-行スタイル= "高さ:30px"   タイプ= "フレックス"  > 
5              < EL-COL :スパン= "4" > 
6              < EL-フォーム項目ラベル= "单选框"  > 
7              < EL-セレクトVモデル= "form.selectOne" スタイル=」幅:140px;」 > 
8              <EL-オプションラベル= "单选1" = "1" > </ EL-オプション> 
9              < EL-オプションラベル= "单选2" = "2" > </ EL-オプション> 
10              < IL-オプションラベル= "单选3" = "3" > </ EL-オプション> 
11              < EL-オプションラベル= "单选4" = "4" > </ EL-オプション> 
12              </ ELセレクト> 
13                  </ フォーム項目> </ -COL >
14              </ EL-行> 
15  
16              < EL-行スタイル= "高さ:30px"   タイプ= "フレックス"  > 
17  
18               < EL-COL :スパン= "12" > 
19               < EL-フォーム項目ラベル= "多选框」必要な> 
20                      < エル・セレクトVモデル= "form.selectMultiple" スタイル= "幅:300ピクセル;" プレースホルダ= "多选框"   複数の> 
21                  < EL-オプションラベル= "多选1"EL-オプション> 
22                  < EL-オプションラベル= "多选2" = "2" > </ EL-オプション> 
23                  < EL-オプションラベル= "多选3" = "3" > </ IL-オプション> 
24                  < EL-オプションラベル= "多选4" = "4" > </ EL-オプション> 
25                  < EL-オプションラベル= "多选5" = "5" > </ EL-オプション> 
26                  <オプション-ELのラベル=「複数選択。6」= "6" > </ EL-オプション> 
27                  < EL-オプションラベル= "多选7" = "7" > </ EL-オプション> 
28                  </ EL選択> 
29              </ EL-フォーム項目> 
30              </ EL-COL > </ EL-行> 
31      </ EL-形態> 
32      </ DIV > 
33  </ テンプレート>

 

次のようにスクリプトコードは次のようになります。

1  書き出しデフォルト{
 2    データ(){
 3      リターン{
 4。 
5。         形:{
 6              selectOne間: '2'、ラジオ//デフォルト
 7              とselectMultiple:[ '1' 、 '2'、' 3' ] //複数デフォルト値が選択されている
 8。         }
 9。     }
 10    }
 11  
12である 方法:{
 13は 
14        }
 15  
16  
17  }
 18である </ スクリプト>

 

おすすめ

転載: www.cnblogs.com/whycai/p/11539715.html