weixin_60811442的博客

子组件触发事件向父组件传递数据（事件）时，需要使用 triggerEvent 方法，指定事件名、detail对象和事件选项。组件间通信与事件 | 微信开放文档实例1、在子组件中监听点击2、运用triggerEvent 方法向父组件发射事件（类似Vue的this.$emit()）3、在父组件中接收事件，然后可以进行对应处理总结：小程序中子组件触发事件向父组件传递数据（事件）和Vue中的父子组件通信（子传父）类似，重点区别在于小程序中使用triggerEvent 方法（V..

小程序通常在点后进行路由跳转，跳转时通常需要携带特定的参数。这时我们可以通过HTML的 data-* 属性 ，将需要跳转的数据存储在data-*中。在监听点击事件时就可以拿到其所存储的数据，从而在路由跳转时携带对应参数。（备注：data-* 属性用于存储私有页面后应用的自定义数据）HTML data-* 属性 | 菜鸟教程<!--pages/detail-list/index.wxml--><view class="list"> <view wx:fo.

一、获取手机屏幕宽高并存储手机屏幕宽高一般是固定的，所以我们将它存在全局app.js中我们通过wx.getSystemInfoSync()获取手机相关信息// app.jsApp({ // 定义一个变量存储屏幕属性 glabalData: { screenHeight: 0, screenWidth: 0 }, // 生命周期回调——监听小程序初始化 onLaunch() { const info = wx.getSystemInfoSync()

小程序中的slot可以在组件模板中可以提供一个 <slot> 节点，用于承载组件引用时提供的子节点，和Vue中的类似。但是小程序中的slot不可以实现当有数据实现时，默认的节点消失，我们可以使用以下方式解决：1、父组件传一个值，采用wx:if决定默认节点是否显示（比较麻烦，不推荐）2、采用CSS中的 + 伪类选择器...

实现小程序中的轮播图可以使用小程序中的swiper和swiper-item组件swiper | 微信开放文档一、基本使用：二、常见问题问题一：轮播图的图片下面可能会多/少几像素解决方法：给swiper-item添加display: flex;问题二：原生轮播默认高度伟150px，但轮播的图片高度不一定是150px（我们的图片高度是由宽度决定，图片宽度由机型屏幕宽度决定），这时有可能会出现一些bug如下解决方案：我们可以让轮播组件swiper的高度和图片的高度保持一致.

Vant 是一个轻量、可靠的移动端组件库，一般情况在小程序中引用库（下面用vant示范）的步骤如下：1、npm init -y2、npm i @vant/weapp -S --production3、在【详情】--【本地设置】中勾选【使用npm模块】（现在小程序似乎没有这个选项，可忽略）4、安装完Vant后还要将node_modules文件进行转化，点击【工具】--【构建npm】5、在index.json中引入组件之后即可使用该组件...

一、image组件小问题image媒体组件在小程序中具有默认宽高（默认宽度320px、高度240px），我们可以通过mode属性（图片裁剪、缩放的模式）进行更改widthFix：缩放模式，宽度不变，高度自动变化，保持原图宽高比不变<image src="{{item.cover}}" mode="widthFix" class="image"></image>二、WXSWXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结