uniapp父页面向子页面传递多个参数问题

古城微笑少年丶 2023-03-03 06:22 36阅读 0赞

父页面内容:

  1. <view class="title" @tap="changeName(house.idx,house.Name)">
  2. <view >{ { house.Name }}</view>
  3. </view>
  4. changeName(id, name) {
  5. console.log(id, name)
  6. uni.navigateTo({
  7. url: '../../pages/houses/changeHouseName?houseIdx=' + id + '&houseName=' + name,
  8. })
  9. },

要传递的参数为house.idx和house.Name,用形参id, name接收参数,父页面向子页面跳转时通过在url后面拼接字符串实现参数传递,传递多个参数时用&符号拼接

子页面内容:

  1. <view class="title">房间名:{ { name}}</view>
  2. <view class="title">房间id:{ { id}}</view>
  3. export default {
  4. data() {
  5. return {
  6. id: '',
  7. name: '',
  8. }
  9. },
  10. onLoad: function(option) { //option为object类型,会序列化上个页面传递的参数
  11. console.log(option.houseName); //打印出上个页面传递的参数。
  12. console.log(option.houseIdx);
  13. this.name = option.houseName;
  14. this.id = option.houseIdx;
  15. }
  16. }

用option来接收参数,在控制台打印验证参数是否传递正确,用模板语法 { {name}} 渲染到页面.

发表评论

表情:
评论列表 (有 0 条评论,36人围观)

还没有评论,来说两句吧...

相关阅读