小程序相关知识点

小程序

 2024/03/23 

自定义组件

新建自定义组件目录，生成目录结构
自定义组件内容
在要使用的页面的 json 文件中配置 usingComponents，引入组件
以标签的形式在页面中使用该组件即可
传递数据和 vue 一样，通过自定义属性，然后在组件里通过 properties 接收就可以了

小程序与 web-view 交互

小程序调用 web-view 的方法
- web-view 组件的 src 属性设置为一个网页地址，使用 & 来附加参数
- 每次小程序向页面传参都会刷新一次页面
web-view 调用小程序的方法
- web-view 加载的页面中，引入jweixin.js，通过调用 JSSDK 的 wx.miniProgram.postMessage 方法向小程序发送消息
- 小程序监听 bindmessage 事件，通过 e.detail.data 获取数据

传递数据

传递数据的方式有：

路由 URL 传值
使用全局变量 globalData
使用本地缓存 wx.setStorageSync，存在 storage 中
通信通道 wx.navagateTo
使用页面栈 getCurrentPages
通过数据库

原文作者：Yizhou Shen

原文链接：http://shenyizhou.github.io/2024/03/23/2024-03-23-%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%9B%B8%E5%85%B3%E7%9F%A5%E8%AF%86%E7%82%B9/

发表日期：March 23rd 2024, 4:25:04 pm

更新日期：March 23rd 2024, 8:10:42 pm

版权声明：本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可

Next Post

正则表达式
Previous Post

Vue相关知识点

CATALOG

1. 自定义组件
2. 小程序与 web-view 交互
1. 2.1. 传递数据