vue的table删除问题

当table记录为0时,弹出提示框’已全部删除‘ (不在按钮click事件中触发判断)

tableData是你表格的数据


 data() {
        return {
          tableData: []
        }
      },
  mounted(){
     this.isTableZero();
  },
  watch:{
  tableData:function (newData, oldData) {
    this.isTableZero();
  }
  },
  methods:{
    isTableZero:function(){
         let len=this.tableData.length;
    if(len==0){
      alert("已全部删除")
    }
    }
  }

在线的代码 :
https://codepen.io/guyu521/pen/GRxPyee

监听事件,监听总条数记录,为0时,弹出提示框’已全部删除‘

watch监听,watch和methods同层级

watch:{
            records:function(value){
                if(!value|value.length==0){
                    this.$message.warning("已全部删除");
                }
            }
        },
建议你看下这篇博客Vue表格table样式

可以使用watch监听table的数据变化

如果不是Vue这些框架环境里面,你可以使用定时器来实现
定时器的实现是通用的

let timer =setInterval(()=>{
                if (table.length==0){
                    //触发你的提示

                    //清除定时器,(定时器使用了就一定要清除)
                    clearInterval(timer)
                } 
            },500)