盒子
盒子

编写全局Vue辅助函数【urlEncode】

新建一个文件src/utils/Common.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
export default {
install(Vue, options) {
Vue.prototype.urlEncode = function(param, key, encode) {
if (param === null) {
return '';
}
var paramStr = '';
var t = typeof (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 += this.urlEncode(param[i], k, encode);
}
}
return paramStr;
};
}
};

main.js 引入并且全局注册

1
2
import Common from './utils/Common.js'
Vue.use(Common);

接下来就可以直接在其他组件中使用

1
2
3
4
5
6
7
8
let data = {
nickName: 'funsoul',
age: 18
}

this.urlEncode(data);

// &nickName=funsoul&age=18
请我喝一杯咖啡
扫一扫,支持funsoul
  • 微信扫一扫