element-ui select
生活随笔
收集整理的這篇文章主要介紹了
element-ui select
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1. 組合 label
<!DOCTYPE html> <html><head><meta charset="UTF-8"><!-- import CSS --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> </head><body><div id="app"><el-select v-model="options[0].value" placeholder="請(qǐng)選擇"><!-- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"><template slot-scope></template></el-option> --><el-option v-for="(item,index) in options" :key="index" :label="`${item.label}-${item.value}`" :value="item.value"><!-- <template slot-scope></template> --></el-option></el-select></div> </body> <!-- import Vue before Element --> <script src="https://unpkg.com/vue/dist/vue.js"></script> <!-- import JavaScript --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <script>new Vue({el: '#app',data: function () {return {options: [{value: '1556445455525',label: 'afsdsdsiosiodidsu',num:'選項(xiàng)1'}, {value: '2556445455525',label: 'bfsdsdsiosiodidsu',num:'選項(xiàng)2'}, {value: '3556445455525',label: 'cfsdsdsiosiodidsu',num:'選項(xiàng)3'}],value: ''}} }) </script></html> View Code?
轉(zhuǎn)載于:https://www.cnblogs.com/justSmile2/p/11318612.html
總結(jié)
以上是生活随笔為你收集整理的element-ui select的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 微信扫码免密登陆第三方应用平台
- 下一篇： 建行B2B支付回调参数乱码现象解析