首页 > 其他分享 >测试

测试

时间:2022-08-13 14:23:02浏览次数:45  
标签:set 绑定 vm 视图 测试 方法 forceUpdate

在点击的过程中监听了的绑定值的变化,也改变了,但是下拉框是没有反应的

感觉自己设定的值和element ui触发的绑定值有点不一样

在添加的框中选中的值返回的不单单是一个数组还有些其他值,但是自己回显的数据只是一个普通值


解决办法:

方法一  vm.$set

当视图自动更新失败时,vue提供了set方法vm.$set(target,propertyName/index,value),用此方法更新视图达到操作同步的效果

JavaScript
vm.$set(target,propertyName/index,value)

在添加数据的最后一行加上

JavaScript
this.$set(this.form, 'values', arr)


方法二  vm.$forceUpdate()

vm.$forceUpdate():迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。

在select 元素上绑定change方法

方法中写上

JavaScript
refreshCheck(){
            this.$forceUpdate();
        },


两种方法均可


参考链接:https://blog.csdn.net/zhuzicc/article/details/108242963

    标签:set,绑定,vm,视图,测试,方法,forceUpdate
    From: https://www.cnblogs.com/RobotCode/p/16582942.html

    相关文章