Vue+Element-UI在使用select标签时动态展示数据,设置默认值后无法选择其他项的问题

使用vue+elementui遇到的坑,记录以免以后再次遇到。

代码如下:


            
              
                
                
              
            
          

问题描述:

这是一个动态展示下拉选,数据均从后台获取,使用vue的v-for循环遍历,但是在给定默认值的时候,选择不了其他的项目,数据其实已经改变,但是页面展示的时候一直是固定的初始值。

原因:网上看大多数原因是Vue中render方法问题,这里提供一下官网render的地址,需要的自行查阅:

Vue官网中render渲染函数

解决:

businessReviewerChange(val){
          this.listForm.businessReviewer=val;
          this.$emit('update:listForm.businessReviewer',val);
          console.log("val======",val);
          this.$forceUpdate();
      },

在@change事件中添加 this.$forceUpdate()方法强制更新。

你可能感兴趣的:(Vue)