element 下拉框选择不更新

之前我用的是 $set 方法,强制视图更新

stagIdChange(planStagId){
      this.$set(this.form,'planStagId',this.form.planStagId)
    }

后来我在element 的模态框了用这个方法还是不生效,我就查了一下,找到一个element自带的更新视图的方法this.$forceUpdate()

stagIdChange(planStagId){
      this.$set(this.form,'planStagId',this.form.planStagId)
      this.$forceUpdate();
    }
这个就是好用的,上面那个方法不好用,就可以用这个方法哦

 

 

 

 

关于$set的方法我还有几句要唠叨一下,因为自己踩过,虽说问题不大,也希望遇到此篇文章的小伙伴可以少菜个坑

$set()的设置有两种格式,一是对象的,二是数组的,传值方式有所不同,在vue里如果遇到在js里赋值html没有同事响应的就可以试一下这个方法

object 赋值  

$set(obj,'select',value)

   obj 是要改变的对像

   selsct是要改变当前的属性

   value 是给当前属性赋值

数组赋值
$set(arr,'0',val)

  arr 是要改变当前的数组

       0  是数组的小标 

       val 是要赋的值

这个是我之前遇到的问题在别的地方看到的,现在找不到原地址了,他那里写的很全面,之后再有遇到会补充
关于set使用的事例 https://blog.csdn.net/hjhfreshman/article/details/96312343?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242
posted @ 2022-06-27 11:46  bk-双鱼座的博客世界  阅读(419)  评论(0)    收藏  举报