2023 年 5月文章档案 - BNTang

微信小程序-多个插槽-具名插槽

摘要：如何使用多个插槽如果想要使用多插槽，那么就必须通过 name 属性给每个插槽起一个名称如果想要使用多插槽，那么在添加组件到插槽上的时候，就需要通过 slot="插槽名称" 告诉系统，组件需要添加到哪一个插槽上还有必须在插槽对应的组件的JS文件中，通过 options 中的 multipleSl 阅读全文

posted @ 2023-05-16 00:35 BNTang 阅读(284) 评论(0) 推荐(0) 编辑

微信小程序-单个插槽

摘要：什么是插槽插槽就是一个开放的接口，和现实生活中的 USB 插槽一样通过插槽开放接口之后，接口要连接什么内容由使用者决定所以小程序中，插槽就是一块待替换占位区域，等待使用者使用的时候替换如何使用插槽炒鸡简单，在需要预留的地方使用 <slot> 元素即可。案例首先我们创建一个组件，组件大致阅读全文

posted @ 2023-05-15 23:45 BNTang 阅读(49) 评论(0) 推荐(0) 编辑

微信小程序-传递数据子传父

摘要：在看到此篇文章之前，如果你学习过了 Vue，那么这个内容对你而言就是切菜一样简单，老样子，我们先搭建我们的组件，然后在来看需要介绍的知识点。创建自定义组件新建 c-demo: 页面的内容大致就是给一个 view 组件绑定了一个点击事件，点击的时候调用 onTitleTap，在组件当中方法的定义要阅读全文

posted @ 2023-05-14 23:38 BNTang 阅读(105) 评论(0) 推荐(0) 编辑

微信小程序-组件通讯练习

摘要：本文将结合一个案例来带大家熟悉一下博主前面所介绍的知识点，案例效果就是一个 tabar 选项卡的效果：这个 tabar 使用的实现方式就是前面所介绍的自定义组件的方式，组件的显示数据不由自己决定，而是外部使用者决定，这也就考察了我们的组件的数据传递，子到父，父到子，页面与组件之间数据的交互，我这里阅读全文

posted @ 2023-05-14 23:37 BNTang 阅读(30) 评论(0) 推荐(0) 编辑

微信小程序-页面访问组件数据和方法

摘要：首先，创建演示案例的组件，c-demo，在给我们的组件添加一个按钮，并且给这个按钮绑定一个点击事件：  <button bindtap="onCDemoTap" type="primary" > 我是c-demo按钮 </button> JS: // com 阅读全文

posted @ 2023-05-14 21:47 BNTang 阅读(261) 评论(0) 推荐(0) 编辑

微信小程序-传递数据父传子

摘要：在我们自定义组件当中，有时候组件的内容也许的通过 JS 文件里面的 data 数据进行展示的，我们先简单的来搭建一下这个结构：  <view class="container"> <view>{{title}}</view> <view>{{msg}}< 阅读全文

posted @ 2023-05-14 15:48 BNTang 阅读(134) 评论(0) 推荐(0) 编辑

微信小程序-自定义组件外部样式

摘要：在我们日常开发当中我们自定义组件的样式都是写在组件目录的 wxss 当中，如果我们想使用外部的样式信息，该如何进行调用呢？好，这个就是我本次要介绍给大家的内容分享的内容。首先我们创建一个 c-example 的组件，在 index 页面注册一下这个组件，并且在 wxml 中使用 c-example 阅读全文

posted @ 2023-05-14 11:56 BNTang 阅读(263) 评论(0) 推荐(0) 编辑

微信小程序-自定义组件样式隔离

摘要：官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ !> 在组件的样式文件中也就是WXSS文件，不能使用 ID 选择器，属性选择器，标签选择器。反例：我这里使用了标签选择器，效果如下：阅读全文

posted @ 2023-05-14 11:25 BNTang 阅读(383) 评论(0) 推荐(0) 编辑

微信小程序-自定义组件

摘要：什么是自定义组件我们自己写的组件称之为自定义组件为什么需要自定义组件 ?> 自定义组件可以方便我们后续代码的一个复用，提高代码的可维护性。首先我说一下为什么，然后我在利用一个栗子来演示一下我们如果不使用自定义组件带来的麻烦。我们去网易新闻官方网站进行查看，仔细观察一下，可以发现有的内容布局是阅读全文

posted @ 2023-05-13 11:46 BNTang 阅读(96) 评论(0) 推荐(0) 编辑

微信小程序-scrollview

摘要：官方文档地址：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html scroll-view 可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 height。阅读全文

posted @ 2023-05-13 10:32 BNTang 阅读(281) 评论(0) 推荐(0) 编辑

BNTang

05 2023 档案

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

合集 (17)

随笔档案 (230)

文章分类 (288)

文章档案 (1115)

阅读排行榜

评论排行榜

推荐排行榜

最新评论