首页 > 其他 > 详细

vue computed、filters 用法笔记

时间:2019-11-01 11:03:42      阅读:99      评论:0      收藏:0      [点我收藏+]

 

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 用法笔记

原文:https://www.cnblogs.com/zhangym118/p/11775706.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!