微信小程序云开发问题篇5_关于navigateTo()页面跳转的传参问题（中文字符通过eventChannel实现参数传递）-CFANZ编程社区

微信小程序云开发问题篇5_关于navigateTo()页面跳转的传参问题（中文字符通过eventChannel实现参数传递）

一、需求

需求当前页面跳转到目标页面，携带参数，参数的类型存在 中文字符

微信小程序云开发问题篇5_关于navigateTo()页面跳转的传参问题（中文字符通过eventChannel实现参数传递）_eventChannel

二、问题描述

若参数全为一般字符串，不含中文字符串的话，很简单上面的那种方式完全没问题，但是含中文字符串时候

不能通过上述url参数的方式传递，会出现乱码（在Java中restful风格的开发中，一般都是封装一个实体类）

在小程序云开发中，实体类是不可能了，现在支持解决中文字符参数的方法有：

JSON.stringfy和JSON.parse转换
设置全局变量或者设置缓存
使用eventChannel()的方式

这里不再详细说前两种，主要说第三种

参考：https://developers.weixin.qq.com/community/develop/doc/000ae431b5cc28cd5afb460a75b400

三、问题解决

首先需要了解navigateTo()的用法，因为eventChannel是声明在当前页面 success(）的回调函数中

用法见官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html

源页面声明回调函数

微信小程序云开发问题篇5_关于navigateTo()页面跳转的传参问题（中文字符通过eventChannel实现参数传递）_js_02

wx.navigateTo({
      url: '../detail/detail',
      success:function(res){
        // 通过eventChannel像跳转的页面传参数
        res.eventChannel.emit('parentGiveDataToSon',{
          id:e.currentTarget.dataset.rid,
          se_name:e.currentTarget.dataset.se_name,
          seah_name:e.currentTarget.dataset.seah_name

        })
      }
    })

目标页面监听

微信小程序云开发问题篇5_关于navigateTo()页面跳转的传参问题（中文字符通过eventChannel实现参数传递）_eventChannel_03

const eventChannel = this.getOpenerEventChannel()
    // 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
    eventChannel.on('parentGiveDataToSon', function (data) {

      console.log(data)
      // 点击的分类id
      rid = data.id;

      // 识别物体名称
      se_name = data.se_name;

      // 分类名称
      seah_name = data.seah_name;

    })

0 条评论