vue 组件内 数组无法正常渲染$set

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 组件内 数组无法正常渲染$set相关的知识,希望对你有一定的参考价值。

因为 javascript 的限制,Vue.js 不能检测到下面数组变化

所以,想要正常是不能通过操作数组来渲染dom的,

解决的方法是通过set方法, 在组件中用的是 实例方法

vm.$set( target, key, value )

    methods: {
      moveRight() {
         this.$set(this.Arr,0,this.Arr[0]+1)
      }
      }

这样,就可以通过更改data中的数组,实时渲染dom了

以上是关于vue 组件内 数组无法正常渲染$set的主要内容,如果未能解决你的问题,请参考以下文章

[Vue 警告]:无法挂载组件:Vue CLI 4 中未定义模板或渲染函数

vue中修改对象数组的属性值不会渲染到页面上

vue中的组件

Vue.js父组件事件处理方法无法正常访问自己的数据

[Vue 警告]:无法挂载组件:未定义模板或渲染函数。错误

[Vue 警告]:无法挂载组件:未定义模板或渲染函数?