【Vue】vue属性filter过滤器
官⽅解释：注册或获取全局过滤器
在下理解：不改变data的数据格式，在界⾯显⽰处理后的数据格式
应⽤场景：⽐如表格的字段显⽰，接⼝返回是数组，但表格⾥肯定需要显⽰字符串。
例：
<template>
<el-table:data="tbData">
<el-table-column prop="name"label="姓名">
<template scope="scope">
<span>{{w.name | arrFormatter}}</span>
</template>
</el-table-column>
</el-table>filter过滤对象数组
</template>
<script>
export default {
name: 'filtersEmp',
data () {
tbData: [
{
name: ['张三']
}
]
},
filters : {
arrFormatter (value) {
let aStr = JSON.parse(value);
return aStr;
}
}
}
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。