在小程序开发过程中,经常出现组件套组件的情况,所以经常出现父组件向子组件传值,子组件向父组件传值的情况,通常都是怎样解决的呢?
这里我用两个小案例来演示一下
1.父组件向子组件传值
2.子组件删除父组件数据
下面让我来模拟一下:
首先我创建了两个组件和一个页面
组件:list组件和 item组件 他们都在courses目录下,
页面:在和courses同级路径下我创建了index目录,并将index页面放在其中
这里:我让list组件为中间组件,也就是list组件是item的父组件,index页面调用list组件
首先index页使用list组件
代码如下:
在index页面的index.json文件中,添加引用
{
"usingComponents": {
"c-list":"../components/courses/list"
}
}
然后调用它
在index.wxml中调用
<c-list/>
页面准备工作完成
接下来在list组件中完成对item组件的调用
方法同上:
首先在list.json中添加引用
{
"component": true,
"usingComponents": {
"c-item":"./item"
}
}
然后在list.wxml中调用: