element-ui的下拉选择框选中内容无效果,删除无效果

在使用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, '')
    }
}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值