微信小程序 组件事件传递

父组件向子组件传递初始数据,当子组件点击以后可以triggerEvent自定义事件,父组件执行自定义事件,重新请求数据并传给子组件

/* 子组件 */

<view>

<view bind:tap="setId" data-id="1"></view>

</view>

properties: { list: { type: Array, default: [] } },

methods: {

setId(e) { let id = e.currentTarget.dataset.id this.triggerEvent('deleteFav', id) }

}

/* 父页面 */

<child bind:customEvent="deleteFav"></child>

data: { list: [] }, deleteFav(e) { let id = e.detail // 获取传递过来的数据 // 根据id请求数据,然后重新

setData let newData = [1,2,3] this.setData({ list: newData }) }

原文地址:https://www.cnblogs.com/daiwenru/p/11871839.html