1. vue中管道操作符(|)的使用
//自定义过滤器,通过管道操作符|改变列表单元格的值 <el-table-column prop="status" label="状态" align="center" width="80"> <template slot-scope="scope"> {{scope.row.status | getStatus}} </template> </el-table-column> <script> export default { data() { return {......} }, filters: { getStatus: function(num){ let str = '' if (num == 1){ str = '启用' } else { str = '禁用' } return str; } }, methods: { list(){......}, }, } </script>
参考:自定义过滤器