el-select选择框选择无反应,值已经更新,但是页面没有显示变化(2024-04-16)

点了选择框【休假】,但是页面并没有选中,是因为页面响应数据没有更新

解决方案,使用强更新机制强行更新页面视图

重点 @change="$forceUpdate()" 强制更行页面

<el-select clearable v-model="restDayId" @change="$forceUpdate()" placeholder="请选择">
  <el-option
    v-for="dict in resetDayList"
    :key="dict.value"
    :label="dict.label"
    :value="dict.value"
    @click.native="getTypeName(dict)"
  ></el-option>
</el-select>


export default {
  name: "Role",
  data() {
    return {
      resetDayList:[{value:'1',label:'值班'},{value: '2',label:'休假'}]
    }
  },
  methods:{
    changeDate(item){
      let that = this;
    },
    getTypeName(val){
    
    },
 }
}

改完之后就可以选择了

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值