微信小程序目标元素数据targetElementId:
时间: 2024-09-17 16:04:36 浏览: 9
微信小程序中的`targetElementId`是一个属性,通常用于页面间的父子组件通信。当你在一个组件(通常是子组件)中通过`wx.navigateTo`, `wx.switchTab`, `wx.redirectTo`, 或者`wx.reLaunch`等导航方法跳转到另一个页面时,你可以设置`targetElementId`,指定接收消息的目标元素的唯一标识ID。这个ID对应的是目标页面上声明有`bind-get-data`或`bind领取PageData`方法的某个元素。
在发送消息的组件里,可以像这样设置:
```javascript
wx.navigateTo({
url: '/pages/目标页面路径',
targetElementId: '目标元素ID'
})
```
然后,在目标页面上,你需要监听并处理这个来自父组件的数据:
```javascript
// 目标页面.js
Component({
properties: {
targetElementId: {
type: String,
value: ''
}
},
methods: {
onReceiveMessage(e) {
if (e.target.id === this.data.targetElementId) {
// 处理接收到的数据
console.log('Received message:', e.detail);
}
}
}
// ...
})
```