背景:
ラジオボタンおよびチェックボックスは、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である </ スクリプト>