创建自定义组件:新建文件,使用slot插槽,注册,使用
在components文件夹下新建Searcher文件夹
在“微信开发者工具”中,新建component,输入:Searcher
注册:在使用页面的json文件中usingComponents项添加组件,路径要相对路径
传html(slot插槽)和传值
组件内:
<view class="search_input">
<navigator url="">搜索{{param}}</navigator>
<slot></slot>
</view>
properties: {
// 接收data-param1属性中的值
param:{
// 类型
type:String,
// 如果没有传值默认值
value:'默认值'
}
}
使用:
<Searcher param="父组件传的值" >
<view style="font-size: 40px;" >slot 当然你可以写其他标签</view>
</Searcher>
效果:
子组件向父组件传值
子组件中:
this.triggerEvent('mytap','haha');
父组件中绑定:bind拼接上event事件名称
bindmytap="onMyTab"
onMyTab(e){
console.log(e.detail);
}
END