在使用element-ui的下拉选择框时,在选择选项时,是有效果,
但是,当选中点击某一项时,无效果
【这是正常效果】
【选中后无效果】
原理:其实都有生效的,只是页面没有刷新,展现不出来,我们则可通过强制刷新即可,具体代码如下:
<el-select style="width: 95px;" v-model="xxx.xxxx" clearable placeholder="请选择" @change="handleChange">
<el-option v-for="item in list" :key="item.index" :label="item.name" :value="item.name"></el-option>
</el-select>
handleChange(val) {
this.$forceUpdate() // 强制刷新
if (val) {
this.$set(this.UrgeTaskListPage, this.UrgeTaskListPage.accountPeriod, val)
} else {
this.$set(this.UrgeTaskListPage, this.UrgeTaskListPage.accountPeriod, '')
}
}