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)