Vue 3结合element plus（问题总结一）之 table数据更新而视图不跟新

前言

应为做项目用到vue3，就结合element plus来做，但是碰到一些问题，上网搜几乎是vue2 结合element ui的相似问题。所以自己也是搞了蛮久的，如果有相同的问题希望能帮助到各位，希望可以点赞加搜藏一下。

Table组件

讲一下Table组件，先看下官网给的基础代码和效果。

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
  el-table>
template>
<script lang="ts" setup>
const tableData = [
  {
     
    date: '2016-05-03',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
     
    date: '2016-05-02',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',