【Vue】vue属性 filter过滤器
官方解释:注册或获取全局过滤器在下理解:不改变data的数据格式,在界面显示处理后的数据格式应用场景:比如表格的字段显示,接口返回是数组,但表格里肯定需要显示字符串。例:<template><el-table :data="tbData"><el-table-column prop="name&qu
·
官方解释:注册或获取全局过滤器
在下理解:不改变data的数据格式,在界面显示处理后的数据格式
应用场景:比如表格的字段显示,接口返回是数组,但表格里肯定需要显示字符串。
例:
<template>
<el-table :data="tbData">
<el-table-column prop="name" label="姓名">
<template scope="scope">
<span>{{scope.row.name | arrFormatter}}</span>
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
name: 'filtersEmp',
data () {
tbData: [
{
name: ['张三']
}
]
},
filters : {
arrFormatter (value) {
let aStr = JSON.parse(value);
return aStr;
}
}
}
</script>
更多推荐
已为社区贡献4条内容
所有评论(0)