数据更新，页面不会刷新

[shiyufeng2]

<template>
    <div id="box_title">
      <div class="list" v-for="item in dataList" :key="item.id">
        <div class="item">
          <p class="device">{{ item.device }}</p>
          <p class="err_code">{{ item.errCode }}</p>
          <p class="date">{{ item.date }}</p>
          <p class="des">{{ item.errInfo }}</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { ErrorLogDao } from "/src/backend/repository/ErrorLogDao.js";
import { reactive, watch } from "vue";

export default {
  name: "faultInfo",
  props: {
    device: { type: String },
    errCode: { type: String },
    date: { type: String },
    errInfo: { type: String },
    showFaultInfo: { type: Boolean, default: false },
    noFaultInfo: { type: Boolean, default: true }
  },
  components: {},
  data() {
    return {
      dataList: []
    };
  },
  methods: {
    async setDataList(list) {
      let res = await list;
      this.dataList.splice(0, this.dataList.length);
      this.$nextTick(() => {
       for (const index in res) {
              const item = res[index]['device'];
              // 对每个元素执行相应的操作
                this.dataList.push({
                      device: res[index]['device'],
                      errCode: res[index]['errCode'],
                      date: res[index]['date'],
                      errInfo: res[index]['errInfo'],
               });
            }
       });
    }
  },
  created() {
  },
  async mounted() {
    const errorLogDao = new ErrorLogDao();
    const resList = await errorLogDao.getPageList(1);
    this.setDataList(resList);
  },
  watch: {
    dataList: {
     handler(newVal) {
            console.log(newVal);
              console.log("dataChange");
          },
      deep: true
    }
  }
};
</script>

当dataList数据发生改变时，能够监听到数据改变，但是页面不会刷新新数据

[baiwusanyu-c]

Please provide a code repository that can reproduce the problem

[shiyufeng2]

https://github.com/shiyufeng2/test.git
中的test.vue