前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue中set方法操作数组

Vue中set方法操作数组

作者头像
明知山
发布2021-04-19 16:13:33
6460
发布2021-04-19 16:13:33
举报
文章被收录于专栏:前端开发随笔
代码语言:javascript
复制
let list = [1,2,3,4,5]

我定义一个数组list 我想通过下标改变数组的值

代码语言:javascript
复制
this.list[0] = 2

这种方法是不行的 我们可以采用set方法 第一个参数是操作的数组 第二个参数是数组下标 第三个参数是修改后的值

代码语言:javascript
复制
this.$set(list, 0, "2");	

因为Vue2是通过object.defineproperty()来劫持数据,无法直接劫持数组 我们知道操作数组方法有

代码语言:javascript
复制
'push','pop','shift','unshift','splice','sort','reverse'

我们只有通过这些方法操作数组,才可以进行响应式

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021/04/16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档