vue computed、filters 用法笔记

vue

computed

在使用时的效果是属性,不是函数。

其次,computed 的值是“智能”响应的,依赖必须都是这个实例自己的东西,如果某个计算需要依赖传入的值,则推荐使用 methods。

filter

使用场景:当用在渲染表格的每一行时使用的,输入是后端给前端的 type 的值,输出是人可读的值(后端应该是choices,因此用我们之前的术语说,输入是 value,输出是 label)

filters: {

levelDisplay (val) {

return { nation: '国家级', province: '省级', prefecture: '市级' }[val]

},

}

在模板中:

<el-tag>{{ row.type | levelDisplay }}</el-tag>

或者使用 methods:

<el-tag>{{ levelDisplay(row.type) }}</el-tag>

以上是 vue computed、filters 用法笔记 的全部内容, 来源链接: utcz.com/z/379583.html

回到顶部