this.$set()的使用方法

_chang.

已于 2023-08-03 10:25:22 修改

阅读量148

点赞数

文章标签： javascript vue.js 前端

于 2023-08-03 10:24:14 首次发布

本文链接：https://blog.csdn.net/m0_66226018/article/details/132077650

版权

使用this.$set()视图会实时

可以使用this.$set()来进行强制刷新

对象操作：

三个参数：this.$set(“改变的对象”，“改变的对象属性”，“值”)

数组操作：

三个参数：this.$set(“数组”，“下标”，“值”)

template：

<template>
  <div>
    <div v-for="(item,index) in list" :key="index">
    {{ item.name }}
  </div>
  <el-button @click="changeValue" type="primary">改变值</el-button>
  </div>
</template>

script：

<script>
export default {
data(){
  return {
    list:[
      {name:"小甜甜",id:1},
      {name:"小贤贤",id:2},
    ]
  }
},
methods:{
  changeValue(){
      this.$set(this.list,2,{name:"小拉拉",id:3});
  }
}
}
</script>