1. 程式人生 > >【Vue】vue屬性 filter過濾器

【Vue】vue屬性 filter過濾器

官方解釋:註冊或獲取全域性過濾器
在下理解:不改變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>