vue Dom元素执行change事件，给其他元素赋值后，被赋值的元素，再次修改输入或选择没有及时回显问题_dom change

作者：IT小白 | 2024-02-23 05:02:40

踩

dom change

如图，左边选择，给右边赋值，右边输入框赋值后，再次输入修改时，无法及时回显
在这里插入图片描述

解决被赋值的元素再次输入修改时，无法及时回显问题
两种方法：
1、可能是因为我这个被赋值的元素层级太深，不要搞太多层，直接定义formData,放进里边就行
修改后：this.formData.useStage = item.useStage; 经测试可行。
在这里插入图片描述
2、由于数据太多，换层级有点伤筋动骨，遂用另一种方法，直接在没有及时回显的元素上加change事件，强制它回显。

<el-input v-model="dialog.data.useStage" @input="change($event)"></el-input>
//强制回显
change(e){            
            this.$forceUpdate();  
        }
1
2
3
4
5

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/133867