微信小程序父子組件之間傳值可以通過以下幾種方法實現:
父組件中的wxml代碼:
<child-component value="{{value}}"></child-component>
父組件中的js代碼:
Page({
data: {
value: 'Hello World'
}
})
子組件中的js代碼:
Component({
properties: {
value: {
type: String,
value: ''
}
},
methods: {
getValue() {
console.log(this.properties.value); // 輸出:Hello World
}
}
})
父組件中的wxml代碼:
<child-component bind:myevent="handleEvent"></child-component>
父組件中的js代碼:
Page({
handleEvent(event) {
console.log(event.detail); // 輸出:Hello World
}
})
子組件中的js代碼:
Component({
methods: {
sendValue() {
this.triggerEvent('myevent', 'Hello World');
}
}
})
父組件中的js代碼:
const app = getApp();
Page({
data: {
value: ''
},
onLoad(options) {
app.globalData.value = 'Hello World';
},
getValue() {
console.log(app.globalData.value); // 輸出:Hello World
}
})
子組件中的js代碼:
const app = getApp();
Component({
methods: {
getValue() {
console.log(app.globalData.value); // 輸出:Hello World
}
}
})
以上是三種常見的父子組件傳值的方法,根據具體需求選擇合適的方式進行數據傳遞。