javascript - vuex中如何使用$set或其替代方案。

查看:381
本文介绍了javascript - vuex中如何使用$set或其替代方案。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

场景是这样的,许多组件在vuex中共享一个全局状态,如:

attrTree: {
  el: 'ele-drag',
  attrArray: [{el: 'div'}]
}

这个attrTree的attrArray属性值的个数是不确定的,如果我直接

attrTree.attrArray[1]= {el: 'div'}

则其他组件并不能响应其变化,而使用

attrTree.attrArray.$set(1, {el: 'div'})

则报出is no a function,
请问要如何写才能使得增加的玩意自动响应到视图中呢?

解决方案

https://vuejs.org/v2/guide/li...

// Array.prototype.splice
example1.items.splice(indexOfItem, 1, newValue)

这篇关于javascript - vuex中如何使用$set或其替代方案。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆