鍍金池/ 問(wèn)答/HTML/ 如何在element ui 中 表格沒(méi)數(shù)據(jù)時(shí)添加一個(gè)可觸發(fā)的事件

如何在element ui 中 表格沒(méi)數(shù)據(jù)時(shí)添加一個(gè)可觸發(fā)的事件

引用elemenet ui 中的表格樣式時(shí),動(dòng)態(tài)綁定數(shù)據(jù),當(dāng)沒(méi)數(shù)據(jù)時(shí),有辦法對(duì)它進(jìn)行一個(gè)可以點(diǎn)擊觸發(fā)之類的事件嗎?圖片描述

這個(gè)表格中沒(méi)數(shù)據(jù)時(shí),是否可以實(shí)現(xiàn)一個(gè)點(diǎn)擊此表觸發(fā)的事件

回答
編輯回答
蟲児飛

你試試我這個(gè)想法行不行:

 <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) { //如果有數(shù)據(jù)則不進(jìn)行任何操作
            return false;
          } else { //沒(méi)數(shù)據(jù)彈個(gè)1出來(lái)
            window.alert("1");
          }
        }
      }
    }
  </script>
2018年8月8日 19:01