vue中使用过滤器filters的this为undefined的问题
目录
- 使用过滤器filters的this为undefined
- vue filter过滤器的用法
使用过滤器filters的this为undefined vue中的过滤器更偏向于对文本数据的转化,而不能依赖this上下文,如果需要使用到上下文this我们应该使用computed计算属性的或者一个method方法
vue filter过滤器的用法 {undefined{ args | filterFun }} |是管道符 用法如下
{{ time | formatDate }}
过滤器中
filters: {formatDate: value => {let date = new Date(value)let y = date.getFullYear()let MM = date.getMonth() + 1MM = MM < 10 ? "0" + MM : MMlet d = date.getDate()d = d < 10 ? "0" + d : dlet h = date.getHours()h = h < 10 ? "0" + h : hlet m = date.getMinutes()m = m < 10 ? "0" + m : mlet s = date.getSeconds()s = s < 10 ? "0" + s : sreturn y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s}}
time 相当于想要过滤的值 传递给formatDate的参数
也可以多参数 {undefined{ time | formatDate(“嘿哈”) }}
这时过滤器中
//time 传递给 value"嘿哈" 传递给 arg1formatDate: (value,arg1) => {......}
【vue中使用过滤器filters的this为undefined的问题】以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
推荐阅读
- JavaScript中var和let之间有什么区别()
- 如何在Unix或Linux中使用管道()
- ==和is运算符在Python中的区别
- 路由器怎么重启
- Android selecter背景选择器使用
- Android -- 获取网络数据并将数据存到本地数据库中
- 将Eclipse项目转换成AndroidStudio项目过程中遇到的问题以及解决方法
- 人工智能中的搜索算法
- 人工智能中的图灵测试
- 人工智能中的代理环境