elementui下拉框选择图片_element ui下拉框如何实现默认选择?
為什么我這樣寫沒反應呢
運營商級別
<el-option
v-for="item in options1"
:label="item.label"
:value="item.value">
</el-option>
export default{
data(){
return{
selected:'',
options1:[{
value: '選項1',
label: '省級運營商'
}, {
value: '選項2',
label: '市級運營商'
}, {
value: '選項3',
label: '縣級運營商'
}]
}
},
computed:{
selected:function(){
return this.$store.state.level
}
}
}
因為你這樣寫不對, 你那個 v-model=”selected1″, 這個 selected1 在 data 里根本沒有呀…
應該這樣…
<div id="app">
<template>
<el-select v-model="value4" clearable placeholder="請選擇">
<el-option v-for="item in options" :label="item.label" :value="item.value">
</el-option>
</el-select>
</template>
</div>
var Main = {
data() {
return {
options: [{
value: '選項1',
label: '黃金糕'
}, {
value: '選項2',
label: '雙皮奶'
}, {
value: '選項3',
label: '蚵仔煎'
}, {
value: '選項4',
label: '龍須面'
}, {
value: '選項5',
label: '北京烤鴨'
}],
value4: '選項2'
}
}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
注意 v-model=”value4″ 這里的 value4 要和 options 里的 value 保持一致…
答案是要寫在data里面不能寫在computed里面 selected8:this.$store.state.runner.region,
options8: [{
value: '選項1',
label: '黃金糕'
}, {
value: '選項2',
label: '雙皮奶'
}, {
value: '選項3',
label: '蚵仔煎'
}, {
value: '選項4',
label: '龍須面'
}, {
value: '選項5',
label: '北京烤鴨'
}],
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的elementui下拉框选择图片_element ui下拉框如何实现默认选择?的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 怎么用ps弄出冰雕（怎么用ps弄出冰雕效
- 下一篇： 怎么注册国际域名（怎么注册国际域名账号）