this.$set 使用方法

作者: 前端陈陈陈 | 来源:发表于2021-03-22 15:12 被阅读0次

this.$set实现什么功能,为什么要用它?

1、当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到this.set()这个方法了,简单来说this.set的功能就是解决这个问题的啦。官方解释:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 无法探测普通的新增属性 (比如 this.myObject.newProperty = 'hi'),你会发现vue官网是vue.set,vue.set的用法,给你们插入连接,我们现在讲的这个this.set()和它有什么关系呢?咱先说this.set(),因为他们俩的区别就涉及原理问题啦。

栗子:

    this.$set(this, "data_show", {
          prop: "",
          order: ""
        });

调用方法:this.$set( target, key, value )
target:要更改的数据源(可以是对象或者数组)
key:要更改的具体数据
value :重新赋的值

相关文章

  • this.$set 使用方法

    this.$set实现什么功能,为什么要用它? 1、当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更...

  • vue强制更新

    使用update this.$forceUpdate(),强制视图更新 用vue.set this.$set(th...

  • Vue 修改数组, 对象,生效

    this.$set(this.list, index, item); this.$forceUpdate()

  • this.$set

    this.$set(this.form, 'id', 'edit-' + data.id) (data值,key,...

  • 树形表使用懒加载后,更新的问题

    this.$set(this.$refs.tableData.store.states.lazyTreeNodeM...

  • vue的ref行间属性

    this.$refs : 获取到所有的元素带有行间属性ref的属性; this.$set : this.$...

  • 使用vue.set() (this.$set)更新视图

    更新某些List数据时 视图(页面)不会实时更新 ,需要使用 this.$set更新 第一种:this.$set(...

  • vue this.$set

    对于已经创建的实例,Vue 不允许动态添加根级别的响应式属性。但是,可以使用 Vue.set(object, pr...

  • this.$set() 用法

    参考文章: https://www.cnblogs.com/wangqi2019/p/11690208.htmlh...

  • vue.set/this.$set

    vue项目中,几个表格分开展示,但是展示的内容都一样(不展示的内容有区别),为了省事儿,就给封装了个子组件,但是在...

网友评论

    本文标题:this.$set 使用方法

    本文链接:https://www.haomeiwen.com/subject/hdizcltx.html