【Vue】vue屬性 filter過濾器
阿新 • • 發佈:2019-01-04
官方解釋:註冊或獲取全域性過濾器
在下理解:不改變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>