阜阳企业做网站,网站内容的建设,wordpress主题怎么删除边栏,网站开发公司会在最后面加上公司以下代码可以直接复制使用
场景#xff1a;table的原数据就是 姓名1234#xff0c;但是现在想要改成统一的格式。可以使用formatter属性#xff0c;它用于格式化指定列的值#xff0c;接受一个Function#xff0c;会传入两个参数#xff1a;row和column#xff0c;可以…以下代码可以直接复制使用
场景table的原数据就是 姓名1234但是现在想要改成统一的格式。可以使用formatter属性它用于格式化指定列的值接受一个Function会传入两个参数row和column可以根据自己的需求进行处理。 新数据:
解决方案在需要处理的那行添加 :formatter“formatter” 属性和处理方法,使用此属性不会改变原表格数据tableData
templatediv tylewidth: 1000px;el-table :datatableData stylewidth: 100%el-table-column propdate label日期 width180/el-table-columnel-table-column propname label姓名 width180 :formatterformatter/el-table-columnel-table-column propaddress label地址/el-table-column/el-tableel-button clickgetdata获取列表数据/el-button/div
/templatescript
export default {data () {return {tableData: [{date: 2016-05-02,name: 1,address: 上海市普陀区金沙江路 1518 弄}, {date: 2016-05-04,name: 2,address: 上海市普陀区金沙江路 1517 弄}, {date: 2016-05-01,name: 3,address: 上海市普陀区金沙江路 1519 弄}, {date: 2016-05-03,name: 4,address: 上海市普陀区金沙江路 1516 弄}]}},methods: {formatter (row, column) {console.log(row, column)// switch (row.name) {// case 1:// return 用户1// case 2:// return 用户2// case 3:// return 用户3// case 4:// return 用户4// }let newName 用户 row.namereturn newName},getdata () {console.log(this.tableData)}}
}
/script
