uniapp遇到的坑-＞ 修改数组属性，视图不更新 $set 或$forceUpdate()_微信小程序不支持this.$forceupdate

第一次使用uniapp开发多端小程序，遇到了不少坑，其中有一个坑值得给大家提个醒：

遇到修改数组属性视图不更新的问题，百度一下也是说了两种方法

一：this.$forceUpdate();强制更新，这个确实在H5端更新了，但是微信小程序还是没有更新

二：this.$set(),一样不行

最后，实在没办法了，在乱试的情况下，发现我是在组件中去修改的数组属性，用this.$emit('方法名')去调用父组件，也就是去页面里操作数组，问题解决！！！！！！！！！！！！

参考链接：uniapp遇到的坑-》修改数组属性，视图不更新 - 文磊啊~ - 博客园uniapp遇到的坑-》修改数组属性，视图不更新 - 文磊啊~ - 博客园第一次使用uniapp开发多端小程序，遇到了不少坑，其中有一个坑值得给大家提个醒： 遇到修改数组属性视图不更新的问题，百度一下也是说了两种方法 一：this.$forceUpdate();强制更新，这https://www.cnblogs.com/xiao-lei-ge/p/14303087.html

附：

vue或uniapp中this.$set()时的语法格式（写法）

this.$set()的主要功能是解决vue语法中改变数据时未驱动视图的改变，也就是实际数据被改变了，但我们看到的页面并没有变化，在此呢复现问题的代码我就不给你写了，这里主要讲this.$set()的用法，如果你遇到类似问题可以尝试下，vue官网写的是Vue.set，和this.$set()是一样的，但要注意当前this的指向问题，你要记住时this.$set()时当前this的指向一定要是最外层。

vue和uniapp语法大部分都是相同的，uniapp是针对移动端的，并且可以开发小程序，最重要的区别是uniapp开发小程序时不能操作dom，注意，是不能，不是不建议，操作DOM后编译代码时会报错。

先写下数据

items: [
  { message: "one", id: "1" },
  { message: "two", id: "2" },
  { message: "three", id: "3" }
]

通常我们改变某个message会这么写

this.items[0].message='one1'; //这么写一般是可以更新视图的 我只是给举this.$set()用法的例子 

使用this.$set()时

this.$set(this.items[0],'message','one1');//改成数字类型就不用了加引号

有的时候我们可能一次改多个

this.items[0]={ message: "one3", id: "13" };

使用this.$set()时, 格式this.$set( target, key, value )

this.$set( this.items, 0, { message: "one3", id: "13" })

给大家复现一种不渲染的例子：当前我们数组内有三条对象，那么我想加一条，并且我就不用类似push的东西，还要能渲染到视图

普通写法 不渲染

this.items[3]={ message: "four", id: "4" };//数据已经被改变  但是视图层没渲染，我们看不到

使用this.$set()时, 格式this.$set( target, key, value )

this.$set( this.items, 3, { message: "four", id: "4" })//这样就可以渲染到视图层了