网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何自定义el-table列显示内容

时间:2024-10-18 01:01:01

1、打开一个vue文件,添加el-table表格组件,设置表格的内容显示为日期、姓名、地址。如图

如何自定义el-table列显示内容如何自定义el-table列显示内容

2、设置日期列的el-table-罕铞泱殳column标签里插入template标签,然后设置在标签上添加slot-scope值为scope,最后在template里面设置要显示的内容为日期图标和日期。如图

如何自定义el-table列显示内容

3、保存vue文件后使用浏览器打开,即可看到日期列显示日期小图标和日期。如图

如何自定义el-table列显示内容
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com