<template>
<el-select v-model="data.value" placeholder="请选择">
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value"
:disabled="item.disabled">
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
options2: [{
value: '选项1',
label: '黄金糕'
}],
data: {}
}
}
}
</script>
Vue官网原文:
Vue 不能检测对象属性的添加或删除
解决办法:
data:{}=>data:{value:''}
或者model绑定字符串变量