vue 获取字符串中的链接_vue+elementUI项目中拼接url字符串

在elementUI 中难免会使用table组件完成显示表格数据的功能，如下例子：将后台返回的数据的一个参数再次传给后台接口链接打印excel表格。

引用段落,首先使用scope.row的方式获取后台返回的参数time，然后通过在el-button上的点击事件触发函数getTimeDetail(),局部代码如下：

导出数据明细

export default {

name: "bill",

data() {

return {

time:'', //2019-04-02

exportBaseUrl: 接口url固定头部

}

},

methods: {

//导出明细

getTimeDetail(time){

this.time = time;

let obj = this.getUserList(true);

let tmpa = document.createElement("a");

tmpa.href = obj; //绑定a标签

tmpa.click(); //模拟点击实现下载

setTimeout(function () { //延时释放

URL.revokeObjectURL(obj); //用URL.revokeObjectURL()来释放这个object URL

}, 100);

},

// 导出明细

getUserList(is_exoprt = false) {

let params = { }; //params是对象类型

if (is_exoprt) {

let token = getMallToken();

let RegExp = /^(\d{4})(-)(\d{2})(-)(\d{2})$/; //判断日期格式

if(RegExp.test(this.time)){

let substring = this.time.substring(0) //2019-04-02

params.time = substring;

var exportUrl = this.exportBaseUrl + '后台提供接口?token=' + token;

}else{

let substring = this.time.substring(0,7) //2019

params.time = substring;

var exportUrl = this.exportBaseUrl + '后台提供接口?token=' + token;

}

return exportUrl + urlEncode(params);

} else {

this.loading = true;

distributorList(params).then(res => {

this.loading = false;

})

}

},

urlEncode(param, key, encode) {

//param表示传的数据，key表示键值对的值，encode表示URI组件编码

if (param == null) return '';

let paramStr = '';

let t = typeof (param); //判断param的类型

if (t == 'string' || t == 'number' || t == 'boolean') { //若为简单类型，直接拼接

paramStr += '&' + key + '=' + ((encode == null || encode) ? encodeURIComponent(param) : param);

} else { //若为复杂类型，递归解析

for (let i in param) {

let k = key == null ? i : key + (param instanceof Array ? '[' + i + ']' : '.' + i);

paramStr += urlEncode(param[i], k, encode); //多次调用解析

}

}

return paramStr;

}

}