element 下拉框选择不更新

本文主要是介绍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

这篇关于element 下拉框选择不更新的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！