$set:使用$set方法修改数组内容，解决修改表格，for循环修改数组内容以后不生效问题

最新推荐文章于 2024-04-30 18:15:11 发布

前端小云儿

最新推荐文章于 2024-04-30 18:15:11 发布

阅读量749

点赞数

分类专栏： vue技能提升文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/jieweiwujie/article/details/128536890

版权

vue技能提升专栏收录该内容

46 篇文章 2 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

<template>
  <div style="margin-top: 20px">
    一般使用数组方法就可以直接修改，但是有时候进行了二次封装，就需要使用$set方法修改
    <el-button @click="clickPopup1">数组修改</el-button>
    <el-button @click="clickPopup2">$set修改</el-button>
    <h3 v-for="item in dataListPopup" :key="item.index">{
  { item.name }}</h3>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="日期" width="180"> </el-table-column>
      <el-table-column prop="name" label="姓名" width="180"> </el-table-column>
      <el-table-column prop="address" label="地址"> </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  name: "home

了解本专栏