【element-ui】如何在element ui 中表格没数据时添加一个可触发的事件

Z时代
2024-01-10
分类：技术分享

引用elemenet ui 中的表格样式时，动态绑定数据，当没数据时，有办法对它进行一个可以点击触发之类的事件吗？图片描述

这个表格中没数据时，是否可以实现一个点击此表触发的事件

回答：

你试试我这个想法行不行：

 <template>
    <el-table
      :data="tableData"
      style="width: 100%"
      @click="test">
      <!-这里代码省略->
    </el-table>
  </template>
  <script>
    export default {
      data() {
        return {
          tableData: []
        }
      },
      methods: {
        test() {
          if(this.tableData.length > 0) { //如果有数据则不进行任何操作
            return false;
          } else { //没数据弹个1出来
            window.alert("1");
          }
        }
      }
    }  </script>