小程序页面组件:获取页面跳转参数
'use strict';
const common_vendor = require('../../common/vendor.js');
const _sfc_main = {
data() {
return {
url: '' // 初始化 URL 为空字符串
};
},
onLoad(item) {
// 页面加载时获取传递的参数
this.url = decodeURIComponent(item.url); // 解码 URL
console.log(this.url); // 打印解码后的 URL
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: $data.url // 将解码后的 URL 渲染到页面
};
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "C:/wp/AI/2023-2-27/xiaosi-2023-2-27-4-自建/wxchat-3.9/pages/index/out.vue"]]);
wx.createPage(MiniProgramPage);
// 解释:
// 此代码为一个小程序页面组件,通过 `module.exports` 导出了一个包含组件选项的对象 `_sfc_main`。
// 其中,`data` 函数返回了一个对象,包含了一个 `url` 属性,初始值为空字符串。
// `onLoad` 方法会在页面加载时被调用,接收一个 `item` 参数,用于获取页面跳转时传递的参数,并将其解码后赋值给 `url` 属性。
// `_sfc_render` 函数为组件的渲染函数,其接收了组件实例的上下文 `_ctx`、缓存对象 `_cache`、属性对象 `$props`、设置对象 `$setup`、数据对象 `$data` 和选项对象 `$options`。
// 该函数返回一个对象,其中包含了一个 `a` 属性,值为 `$data.url`,即页面跳转时传递的参数解码后的值。
// 最后,通过 `common_vendor._export_sfc` 函数导出了一个包含组件选项的数组,其中包含了渲染函数和文件路径等信息。
// 通过 `wx.createPage` 函数创建了一个小程序页面,传入了该组件作为参数。
原文地址: https://www.cveoy.top/t/topic/lR6D 著作权归作者所有。请勿转载和采集!