如何自定义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列显示内容
  • php中如何判断内容中是否包含指定的文字?
  • JS特效之鼠标点击输入框文字消失
  • 怎么用jquery在一个div前面加div
  • 如何使用DbVisualizer设置数据库连接缓存记录行
  • js如何获得对象中某个属性对应的值
  • 热门搜索
    内蒙古旅游景点地图 旅游计划ppt 旅游法实施细则 三山岛旅游 鸟巢水立方旅游攻略 去韩国旅游签证怎么办 北京旅游团购 尼泊尔旅游季节 舟山市旅游委员会 常州旅游攻略二日游