要素-UIを選択

1.コンビネーションラベル

<！DOCTYPE HTML > 
< HTML > 

< ヘッド> 
    < メタ文字コード= "UTF-8" > 
    <！ - 輸入CSS - > 
    < リンクのrel = "スタイルシート" のhref = "https://unpkg.com/element-ui/ LIB /テーマチョーク/ index.css」> 
</ ヘッド> 

< ボディ> 
    < DIV ID = "アプリケーション" > 
        < EL-セレクトVモデルは= "オプション[0] .VALUE" プレースホルダ= "请选择" >
            <エル・オプションのV-用= "項目のオプションで"：キー= "item.value"：ラベル= "item.label"：値= "item.value"> 
                <テンプレートスロットスコープ> </テンプレート> 
            </エル・オプション> - > 
            < EL-オプションV-用= "オプションで（アイテム、インデックス）" ：キー= "インデックス" ：ラベル= "` $ {item.label} - $ {item.value} `" ：値= "item.value" > 
                    <！ - <テンプレートスロットスコープ> </テンプレート> - > 
                </ EL-オプション> 
        </ EL-選択> 
    </ DIV > 
</ ボディ> 
<！ - 要素の前に輸入ヴュー- > 
<スクリプトSRC = "https://unpkg.com/vue/dist/vue.js" > </ スクリプト> 
<！ - 輸入はJavaScript - > 
< スクリプトSRC = "https://unpkg.com/element-ui /lib/index.js」> </ スクリプト> 
< スクリプト> 
    新しいヴュー（{ 
        エル：' #app ' 、
        データ：機能（）{
             リターン{ 
                オプション：[{ 
                    値：' 1556445455525 ' 、
                    ラベル："afsdsdsiosiodidsu ' 
                    NUM：' 。オプション1 ' 
                }、{ 
                    値：' 2556445455525 ' 
                    ラベル：' bfsdsdsiosiodidsu ' 
                    NUM：' オプション2 ' 
                }、{ 
                    値：' 3,556,445,455,525 ' 
                    ラベル：' cfsdsdsiosiodidsu ' 
                    NUM：' オプション3 " 
                }]、
                値：'' 
            } 
        }     
    }）
</ スクリプト> 

</ HTML >

コードの表示