vue2 ant-design table空数据提示

系统有个默认的提示，但是有时候会根据项目要求实现不同的提示

话说这个ant框架的文档啊，能多写几个字吗，真的看不懂咋用啊

 <a-table  columns="columns" :loading="loading" :data-source="dataList"  :locale="locale">  
</a-table>
在data里面定义一下locale 就可以了，可以直接写html啥的，还挺方便的，这样及有标题，也有空数据提示了

data() {
        return { 
          dataList:[],
          loading: false,
          locale:{
            emptyText: () => (
              <div class="custom-empty" >
                <img src={require("@/assets/images/empty.png")} alt="暂无数据" style="width: 180px; height: 180px" />
                <p style="color:rgba(153, 153, 153, 1);font-size:12px;">暂无数据，请点击“ <span style="color:rgba(197, 24, 31, 1);">+新增模板</span>”添加ESG模板</p>
              </div>
            )
          }
      };
    }