Javascript 如何在VueJS自定义筛选结果上应用函数/运算符?
我正在使用Vue筛选器(名为Javascript 如何在VueJS自定义筛选结果上应用函数/运算符?,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我正在使用Vue筛选器(名为timeconverter)更改字符串的日期格式。我想检查{time | timeconverter}的结果是否小于当前时间 我们如何将JavaScript函数应用于过滤器的结果 例如: {{ time | timeconverter }}.length() OR: {{ time | timeconverter }} > Date.now() 我想根据{time | timeconverter}是否大于当前时间来显示div(如下所示) {{time
timeconverter
)更改字符串的日期格式。我想检查{time | timeconverter}
的结果是否小于当前时间
我们如何将JavaScript函数应用于过滤器的结果
例如:
{{ time | timeconverter }}.length()
OR:
{{ time | timeconverter }} > Date.now()
我想根据{time | timeconverter}
是否大于当前时间来显示div
(如下所示)
{{time | timeconverter}}min
这是“不”可能的,也不推荐使用。只有当您想在字符串表示中使用比较时,才可以这样做,但我还是建议您这样做。如果你想做这样的事情:
{{ time | timeconverter | afterNow}}
首先,什么是过滤器:
过滤器的函数始终接收表达式的值(
前一条链的结果)
因此,您可能已经将timeconverter的结果解析回某个日期,并将其与当前日期进行比较。并且它“仅”在过滤器中可用
而是使用方法或值 从技术上讲,可以通过
$options.filters.nameOfFilter
直接调用过滤器:
{{time | timeconverter}}min
Vue.filter('timeconverter',value=>moment(value).valueOf())
新Vue({
el:“#应用程序”,
数据:()=>({
时间:2025年12月4日00:12:00 GMT
}),
安装的(){
console.log('timeconverter',this.$options.filters.timeconverter(this.time))
}
})
{{time | timeconverter}}min
没什么可看的
您能提供更多的代码吗?您可以使用computed。