uView queryParams 对象转URL参数

本文主要是介绍uView queryParams 对象转URL参数，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

该方法，可以将一个对象形式参数转换成get传参所需参数形式，如把{name: 'lisa', age: 20}转换成?name=lisa&age=20
用途：可以用于uni.navigateTo接口传参等场景，无需自己手动拼接URL参数

#queryParams(data, isPrefix = true, arrayFormat = 'brackets')

• data <Object> 对象值，如{name: 'lisa', age: 20}
• isPrefix <Boolean> 是否在返回的字符串前加上"?"，默认为true
• arrayFormat <Boolean> 属性为数组的情况下的处理办法，默认为brackets，见后面说明

export default {data() {return {data: {name: 'lisa',age: 20}}},onLoad() {console.log(uni.$u.queryParams(this.data));// 结果为：?name=lisa&age=20}
}

copy

#arrayFormat参数说明

如果您传入的data对象内部某些属性值为数组的情况下，您可能需要留意这个参数的配置：
该参数可选值有4个：indices，brackets，repeat，comma，具体效果请见下方的演示说明

export default {data() {return {data: {name: '冷月夜',fruits: ['apple', 'banana', 'orange']}}},onLoad() {uni.$u.queryParams(this.data, true, 'indices');// 结果为：?name=冷月夜&fruits[0]=apple&fruits[1]=banana&fruits[2]=orangeuni.$u.queryParams(this.data, true, 'brackets');// 结果为：?name=冷月夜&fruits[]=apple&fruits[]=banana&fruits[]=orangeuni.$u.queryParams(this.data, true, 'repeat');// 结果为：?name=冷月夜&fruits=apple&fruits=banana&fruits=orangeuni.$u.queryParams(this.data, true, 'comma');// 结果为：?name=冷月夜&fruits=apple,banana,orange}
}

这篇关于uView queryParams 对象转URL参数的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---