美文网首页
关于uniapp真机传值问题

关于uniapp真机传值问题

作者: LiTuoEnjoyLife | 来源:发表于2020-01-17 10:56 被阅读0次

uniapp虽然兼容vue,h5端也不会有什么问题但是上真机之后还会有各种各样的问题。

比如:h5端你可以通过

//父组件

//这种方式真机是无法传值的会报undefined

<view v-for="item in data" :key="item.id">

<view  @click="handleClick(item)">点击</view>

</view>

export default{

data(){

return{

data:[{id:1,name:'tom'},{id:2,name:'jack'}]

}

},

methods:{

handleClick(item){

uni.navigateTo({

url: '/pages/test?name='+item.name

});

}

}

}

//真机
//父组件正确的传值方式(data- 这种传值方式只支持json字符串,直接传对象是无法传值过去的)

<view v-for="item in data" :key="item.id">

<view  @click="handleClick" :data-item="JSON.stringify(item)">点击</view>

</view>

export default{

data(){

return{

data:[{id:1,name:'tom'},{id:2,name:'jack'}]

}

},

methods:{

handleClick(e){

let data= JSON.parse(e.currentTarget.dataset.item);

uni.navigateTo({

url: '/pages/test?name=' + data.name

});

}

}

}



相关文章

  • 关于uniapp真机传值问题

    uniapp虽然兼容vue,h5端也不会有什么问题但是上真机之后还会有各种各样的问题。 比如:h5端你可以通过

  • uni-app 子组件中监听方法

    目前再写uniapp的组件,遇到的问题就是通过props传的值来改props中的值发现改不了。就上述问题牵扯的知识...

  • uniapp页面传值

    上一级页面传值下一级页面 A页面跳转方法里面 userInfo 为Object {'name':'张三','sex...

  • uniapp 组件传值

    组件传值 在 组件A 中,通过 uni.$emit('事件名称',参数) 发送事件 在 组件B 中,通过 uni....

  • uniapp项目真机调试遇到的问题(持续更新中)

    1. 真机调试uniapp项目时HbuilderX无法检测到设备 在HbuilderX中进行真机调试,一般连接数据...

  • uniapp 的坑...(持续更新)

    1.代码没问题就是不生效怎么办?重新编译 + 真机模拟,chrome 和 模拟器环境下,uniapp有些原生的方法...

  • uniapp页面反向传值

    实现效果: 页面A跳转页面B,页面B回传消息与数据给页面A,页面A收到消息后做相应业务逻辑 1.页面A跳转页面B前...

  • uniapp 父子组件传值

    一、父组件向子组件传递数据(props) child parent 二、子组件向父组件传递数据(emit) par...

  • Uniapp兄弟组件传值

    兄弟组件a.vue和b.vue之间的传值方式 a.vue b.vue

  • 关于vue路由传值,组件传值问题

    1,路由传值 方式一:使用函数方式,通过路由的路径带参数,同时配置路由的时候也要带上参数,获取参数使用this.$...

网友评论

      本文标题:关于uniapp真机传值问题

      本文链接:https://www.haomeiwen.com/subject/sidczctx.html