首先,我将介绍vue的filters传递两个参数/使用两个filters
. vue
传递两个参数
{ {第一个参数}}
使用两个过滤器
{ { item.createtime } }
format.js
导出时间=(begin time,finishTime ) )。
if (! beginTime ) {
返回'-- ';
}
if (! 完成时间) {
(returnformatdatetime(begintime、' hh:mm:ss ' ) () ) ) ) ) ) )
}
begintime=newdate(begintime;
完成时间=新日期(完成时间;
let MSS=math.ABS (begin time.gettime (-finish time.gettime ) );
let hours=math.floor (MSS/(1000 * 60 * 60 ) )
letminutes=math.floor () MSS%(/(1000 * 60*60 ) )1000*60 ) ) );
返回家庭'时间' minutes '分钟';
}
. ts
importformatfrom ' @/plugins/format ';
@component({
filters: {
格式视觉化时间(begin time,finishTime ) {
return format.formatvisittime (begin time,finishTime );
}
}
() )
在ps:中,我们来看看Vue的过滤器波段的多参数
场景
在vue项目中,团队成员在模板中分析json字符串,该字符串来自后台,因此类型不安全,直接在JSON.parse中报告错误。 这里需要用trycatch报告。
实际上,分析此json字符串的方法是纯函数,常用于模板,因此适合用作filter,而直接复制其他项的方法作为fitlers使用如下:
//omit other properties
filters: {
tryparsejsonstring(JSONstr,默认值) {
let ret=默认值;
if(JSONstr ) {
try {
ret=JSON.parse(JSONstr )|:
}catch(e ) {
console.warn(JSON格式不正确,分析失败)、e.message );
}
}
返回ret;
}
(,
//.
在模板中,可以绑定到v绑定,如下所示
考虑到该过滤器的频繁使用,可以将其封装在全局mixin中,以避免频繁引用。
总结
以上,在编辑介绍的vue中,希望通过filters传递两个参数/使用两个filters的实现方法,对大家有所帮助。 如果大家有什么疑问的话请给我留言。 小编马上回复大家。 在此也感谢ddxq网站的支持!
如果你认为正文对你有帮助,欢迎转载。 请注明出处。 谢谢你。