【vue】----ElementUI下拉框选择后赋值了，但是框上不显⽰问
题
⼀、问题描述
el-select下拉框，是通过接⼝异步获取的下拉框数据，选择某⼀个值后，在绑定的 @change 事件中能够看到已赋值成功，但是框上却不显⽰选中的值。
⼆、解决思路
vue ⽆法监听动态新增的属性的变化，需要⽤ $set 来为这些属性赋值。
三、解决办法
// 下拉框
<el-form-item label="⽤户⾓⾊" prop="role">
<el-select v-model="le" :placeholder="selectPlaceholder" @change="handleChange">
<el-option v-for="item in roleList" :key="item.id" :label="leName" :value="item.id">
</el-option>
</el-select>
</el-form-item>
// 操作下拉框选中事件
handleChange(val) {
// val 代表 value 值
if (val) {
// 操作选中⾓⾊发⽣变化
this.$set(this.editObject, le, val)
} else {
jquery获取下拉框选中值
this.$set(this.editObject, le, '')
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。