wx小程序 - 组件化 - 实例提示组件

最新推荐文章于 2024-07-19 16:52:47 发布

Augenstern、

最新推荐文章于 2024-07-19 16:52:47 发布

阅读量823

点赞数

分类专栏： wx小程序

本文链接：https://blog.csdn.net/m0_46364033/article/details/121637440

版权

微信小程序组件开发数据传递方法传递事件处理

关键词由CSDN通过智能技术生成

在这里插入图片描述

如上两图所示，样式内容就是如此，其中不管是提示title还是提示内容还是下面的按钮都是不同的；这也算是第一次写微信小程序的组件，感觉就是，主要是数据传用和方法传用。数据是在properties中，注意自定义的值类型和传入的值类型要一致；方法主要是利用this.triggerEvent。

下面是代码
子组件wxml

<van-popup show="{
  { show }}" round bind:close="onClose">
  <view class="tips-show-content">
    <view class="content-above">
      <view class="title">{
  { content.title }}</view>
      <view class="content">{
  { content.content }}</view>
    </view>
    <view class="content-btn">
      <view class="