vue2中 ant design vue中Table 表格 中loacal 绑定的emptyText使用html标签
时间: 2024-10-17 07:14:55 浏览: 55
在Vue2中,Ant Design Vue库的Table组件允许你在`data`属性中设置`empty`字段来自定义当表格数据为空时显示的内容。如果你想包含HTML标签,你可以直接将字符串内容作为`emptyText`赋值,Ant Design会解析并渲染。
例如:
```vue
<template>
<a-table :columns="columns" :data-source="tableData">
<!-- ... -->
</a-table>
</template>
<script>
export default {
data() {
return {
columns: [], // 表头配置
tableData: [], // 数据源,如果为空则展示emptyText
emptyText: '<i class="anticon anticon-empty"></i> 暂无数据', // 使用HTML标签
};
},
// ...
};
</script>
```
在这个例子中,`<i class="anticon anticon-empty"></i>`会被解析并在空表格外显示一个“暂无数据”的图标。
阅读全文
相关推荐


















