开发指南
组件
- 起步
- 基础组件
- 表单组件
- 数据组件
- 反馈组件
- 布局组件
- 导航组件
- 其他组件
JS
- 开发指南
- 网络
- 工具库
模板
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
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(this.$u.queryParams(this.data));
// 结果为:?name=lisa&age=20
}
}
arrayFormat参数说明
如果您传入的data
对象内部某些属性值为数组的情况下,您可能需要留意这个参数的配置:
该参数可选值有4个:indices
,brackets
,repeat
,comma
,具体效果请见下方的演示说明
export default {
data() {
return {
data: {
name: '冷月夜',
fruits: ['apple', 'banana', 'orange']
}
}
},
onLoad() {
this.$u.queryParams(this.data, true, 'indices');
// 结果为:?name=冷月夜&fruits[0]=apple&fruits[1]=banana&fruits[2]=orange
this.$u.queryParams(this.data, true, 'brackets');
// 结果为:?name=冷月夜&fruits[]=apple&fruits[]=banana&fruits[]=orange
this.$u.queryParams(this.data, true, 'repeat');
// 结果为:?name=冷月夜&fruits=apple&fruits=banana&fruits=orange
this.$u.queryParams(this.data, true, 'comma');
// 结果为:?name=冷月夜&fruits=apple,banana,orange
}
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论