技术标签: 笔记
我在百度的时候看到几篇很好的文章,分享一下
uni-app页面传值传递对象类型的数据
和微信小程序(uni-app)url参数传递对象
本来clog传递后的参数,是[object,object],很费解。后来用了作者的JSON.parse(decodeURIComponent(option.item));方法后还是报错,
goGoods页面
kefuOrder(){
let obj = {
name : this.goods.name,
price : this.goods.price,
showPrice : this.goods.showPrice,
}
console.log(obj);
uni.navigateTo({
url:'../webChat/webChat?obj='+ encodeURIComponent(JSON.stringify(obj))
})
}
<script>
export default {
data() {
return {
obj: {},
src: ''
}
},
onLoad(e){
this obj = JSON.parse(decodeURIComponent(e.obj));
console.log(this.obj);
},
methods: {
}
}
</script>
我跟作者传递的对象有细微的差别,作者传递的对象内还包含了对象,而我的对象内就内有更多的对象类型的数据了。后来才知道如果对象内没有嵌套对象,可以直接用JSON.stringify(obj)
上代码:
kefuOrder(){
let obj = {
name : this.goods.name,
price : this.goods.price,
showPrice : this.goods.showPrice,
}
console.log(obj);
// console.log('发送请求,1获取相应产品对应的客户信息,或者2进入聊天页');
uni.navigateTo({
// 如果对象里面嵌套着对象,就需要用decodeURIComponent,否则只需要用JSON.parse就可以
// url:'../webChat/webChat?obj='+ encodeURIComponent(JSON.stringify(obj))
url:'../webChat/webChat?obj='+ JSON.stringify(obj)
<script>
export default {
data() {
return {
obj: {},
src: ''
}
},
onLoad(e){
// this.obj = JSON.parse(decodeURIComponent(e.obj));
this.obj = JSON.parse(e.obj);
console.log(this.obj);
},
methods: {
}
}
</script>
1、正向传值: a.vue 跳转到b.vue 页面,a向b传值,可通过跳转时url带参数的形式;如下: b页面在onLoad中通过option来获取传递过来的参数 2、返回传值 b.vue返回到a.vue 页面,把name值“helloworld”传给a页面: b页面中设置上一页面的值 a页面在onshow中重置name的值 3、适用场景: 如,当...
在做项目实现扫码功能时 返回的结果是[object object] ####下面是制作的二维码片段 ####扫码结果返回时,用转json...
ECMAScript中函数传递的参数是object的话,是按值传递还是按引用传递? 之前看书时,有下面2段代码,当时看的时候感觉不甚理解,后来查了很多资料,现在整理了一下,分享出来一起学习。 ES中包含两种不同数据类型的值:基本类型值和引用类型值。 基本类型值是指简单的数据段,比如:UNdefined、Null、Number、String、Boolean。 而引用类型值指可能由多个值构成的对象。比...
发送 接受...
一、传递单个或者多个参数 商品列表页: 商品详情页面: 二、传递数组或者对象 如需要传递的参数有很多时,由uniapp 跳转页面api 的 url 有长度限制,需使用以下方式进行数据传递: 商品列表页面: 商品详情页面: 注意:传递数据的时候必须使用 JSON.stringify 将其转为 JSON 字符串,然后接收的时候也必须使用 JSON.parse 来进行解析! 操作数组也是一样的,因为数组...
假设是从A页面传参到B页面: A页面传参: B页面(跳转页面)取参...
1、query携带参数 2、params携带参数 3、二者区别 params 和 命名路由的name 一起使用 并且页面刷新时参数也会消失 query 和 路由地址 path 一起使用,页面刷新不会丢掉参数 (由此可见我个人更偏向于query传参) 4、参数接收 this.$route.query.参数名称 this.$route.params.参数名称 5、特别注意!!! 传参时用的是 $rou...
uni-app 有两种路由跳转方式:使用navigator组件跳转、调用API跳转 1、 2、 接收参数 ...
传入页面 接收页面...
4.11.1逗号代码 4.11.2掷硬币的连胜 4.11.3字符图网格...