使用vue+element-ui开发时,在el-select下拉框遇到一个问题:状态字段在后台数据库是int类型,值为0或1,但是页面显示得为‘正常’或‘停用’。在新增的时候‘<el-select v-model="form.Isusing" @change="select_status" :placeholder="状态" class="handle-select mr10">’中显示的是"状态";但是在修改这个功能里必须要有新增时候的‘中文值’--‘正常’或‘停用’,肯定不能显示’状态‘或者0和1。

       那么,下图就是修改页面弹出的时候,显示的‘公司状态’默认值,但是再次选择‘停用’却还是‘正常’,就不显示了---不过选择之后的值能取到,就是页面下拉框的状态不刷新--页面没有重新渲染。vue+element el-select 选项无法选择的问题

1.第一步:加个@change="select_status"事件

vue+element el-select 选项无法选择的问题

2.第二步:在方法中加this.$forceUpdate();//手动强制刷新

vue+element el-select 选项无法选择的问题

经过测试,确实能刷新。

参考了:https://www.jianshu.com/p/bbbea54697ea

但是他的第一个方法报错,不可行。

相关文章:

  • 2021-10-14
  • 2022-12-23
  • 2022-01-08
  • 2021-11-15
  • 2022-03-07
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-11-22
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-25
相关资源
相似解决方案