H5W3
当前位置:H5W3 > 问答 > 正文

VUE三元表达式的结果里面如何使用函数?

<td>{{item.last_login_time|timeFormat('yyyy-MM-dd hh:mm:ss')}}
<br/>
{{item.cookie_expired_time > 0 ? (item.cookie_expired_time|timeFormat('yyyy-MM-dd hh:mm:ss')) : '无限期'}}
</td>

如上代码,上面的last_login_time的格式化就是没有问题的,但是下面的会报错:

(found in <Root>)
warn @ vue.js:634
warnNonPresent @ vue.js:2047
has @ vue.js:2092
eval @ VM3573:3
renderList @ vue.js:2637
eval @ VM3573:3
Vue._render @ vue.js:3551
updateComponent @ vue.js:4067
get @ vue.js:4478
Watcher @ vue.js:4467
mountComponent @ vue.js:4074
Vue.$mount @ vue.js:9044
Vue.$mount @ vue.js:11944
Vue._init @ vue.js:5012
Vue @ vue.js:5078
(anonymous) @ manage_user.js?v=1602471424:4
success @ global.js?v=1602471424:106
handleSuccess @ jquery.min.js:142
w.onreadystatechange @ jquery.min.js:141
XMLHttpRequest.send (async)
ajax @ jquery.min.js:141
sendAjax @ global.js?v=1602471424:86
(anonymous) @ manage_user.js?v=1602471424:3
ready @ jquery.min.js:29
u @ jquery.min.js:37
vue.js:634 [Vue warn]: Error in render: “TypeError: timeFormat is not a function”
……

此时如果我把代码改成:

<td>{{item.last_login_time|timeFormat('yyyy-MM-dd hh:mm:ss')}}
<br/>
{{item.cookie_expired_time > 0 ? item.cookie_expired_time : '无限期'}}
</td>

就是没有问题的,但是我希望这个时间戳是格式化的,请问该怎么办啊?求大神指点,谢谢。

回答

{{item.cookie_expired_time > 0 ? $options.filters.timeFormat(item.cookie_expired_time, 'yyyy-MM-dd hh:mm:ss'): '无限期'}}

可以去 搜索 jsrun 学习,非常有用

用计算属性把~

未经允许不得转载:H5W3 » VUE三元表达式的结果里面如何使用函数?

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址