js--format和replace的用法和区别

最新推荐文章于 2023-01-11 17:44:09 发布

anmiebiao5988

最新推荐文章于 2023-01-11 17:44:09 发布

阅读量426

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/shenpeng/p/11023233.html

版权

在项目开发中遇到一种openApi的接口调用，也就是接口url中带有动态参数，没有了解format的用法前，都是用replace处理的，下面看实例

后台提供的接口路径：

DeleteMenuCollection: apiPath + '/menuCollection/delete/{menuId}/{menuPerson}',

这里用到了menuId和menuPerson两个动态参数。

使用replace方法处理如下：

1、写一个公用的方法

replace(Url, val1, val2) {
    for(let i = 0; i < val1.length; i++) {
        Url = Url.replace(val1[i], val2[i])
    }
    return Url
},

2、调用方法

this.$api.replace(this.$api.DeleteMenuCollection, ["{menuId}","{menuPerson}"], [this.componentData.menuId,this.componentData.menuPerson])

this.$api.replace这样调用方法是把replace方法写在了vue中的api.js文件中，大家可以忽略，注意参数一个或者多个都要用数组的形式

使用format方法处理如下：

this.$api.DeleteMenuCollection.format({menuId:this.componentData.menuId,menuPerson:this.componentData.menuPerson});

两种方法得到的结果一样

DeleteMenuCollection: apiPath + '/menuCollection/delete/123456/admin',

转载于:https://www.cnblogs.com/shenpeng/p/11023233.html

关注