首页 > 编程知识 正文

vue不同项目工程如何传参,vue post请求传参

时间:2023-05-03 09:21:59 阅读:49164 作者:1766

首先,我将介绍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网站的支持!

如果你认为正文对你有帮助,欢迎转载。 请注明出处。 谢谢你。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。