vue中使用过滤器filters的this为undefined的问题
更新时间：2022年01月23日 14:09:01 作者：HonGL54
这篇文章主要介绍了vue中使用过滤器filters的this为undefined的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
使用过滤器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() + 1
MM = MM < 10 ? "0" + MM : MM
let d = date.getDate()
d = d < 10 ? "0" + d : d
let h = date.getHours()
h = h < 10 ? "0" + h : h
let m = date.getMinutes()
m = m < 10 ? "0" + m : m
let s = date.getSeconds()
s = s < 10 ? "0" + s : s
return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s
}
}time 相当于想要过滤的值 传递给formatDate的参数
也可以多参数 {undefined{ time | formatDate(“嘿哈”) }}
这时过滤器中
//time 传递给 value "嘿哈" 传递给 arg1
formatDate: (value,arg1) => {
......
}以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue translate peoject实现在线翻译功能【新手必看】
这篇文章主要介绍了vue translate peoject实现在线翻译功能，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-06-06
这篇文章主要介绍了vue2.0 实现富文本编辑器功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了vue项目打包后网页的title乱码解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
Vue3 Element Plus表单自定义校验的实现全过程
这篇文章主要介绍了Vue3 Element Plus表单自定义校验的实现全过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-04-04
本篇文章主要介绍了详解vue2.0组件通信各种情况总结与实例分析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要为大家介绍了vue实现列表展示的示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
有的时候数据量比较大,比如几千甚至上万条的时候,如果直接赋值,整个页面的 dom 会被撑爆,本文主要介绍了vue实现el-select 触底分页+远程搜索的示例,具有一定的参考价值,感兴趣的可以了解一下2023-12-12
本篇文章主要介绍了详解Vue-Cli 异步加载数据的一些注意点，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要为大家详细介绍了vue组件开发之slider组件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
在Electron环境下,截屏功能相对强大,可以通过desktopCapturer获取应用视频流,实现对整个应用的截屏,而在非Electron环境下,截屏功能受限,只能截取浏览器内容,且存在iframe或base64图片加载问题2024-10-10
最新评论