微信小程序-父子组件通信

2021/5/24 12:25:01

本文主要是介绍微信小程序-父子组件通信,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

父子组件通信

全局组件和局部组件的区别
父传子 properties
子传父 triggerEvent

插槽

子组件js文件内,配置支持插槽

Component({
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持
  }
})

在组件内的wxml文件内,写入插槽

// first.wxml
<slot name="head"></slot>
view  
<slot name="foot"></slot>

在父组件内的子组件标签内调用

// index.html
<first>
   <view slot="head">123</view>
   <view slot="foot">123</view>
</first>


这篇关于微信小程序-父子组件通信的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程