![](https://img-blog.csdnimg.cn/0bb128733dea435791bbeb68610b2de9.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序
微信小程序bug及学习整理笔记
Cupid510
这个作者很懒,什么都没留下…
展开
-
onMenuShareTimeline自定义分享内容无效,不显示标题、图标
注意事项:1、图片大小要大于300才能显示;2、这个方法必须先config成功,然后再wx.ready里才能调用。3、扫码进入,点URL链接就会在分享处只显示url,不显示图标、标题wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '{$appid}', // 必填,公众号的唯一标识原创 2022-01-25 09:13:34 · 2375 阅读 · 1 评论 -
微信小程序触底加载
data: { page:1 // 声明页数 }, //触底 onReachBottom: function () { this.setData({ //改变页码 page: this.data.page+1, }) this.getGoods() }, getGoods(){ request1({ url: "接口地址",data: { page:this.data.page,pageSize:20 }}) .the..原创 2021-12-23 14:31:05 · 330 阅读 · 0 评论 -
微信小程序behaviors
behaviors类似于vue中的混入“mixins”// my-component.jsvar myBehavior = require('my-behavior')Component({ behaviors: [myBehavior], })// my-behavior.jsmodule.exports = Behavior({ behaviors: [], properties: { }, data: myBehaviorData: 'my-behavio原创 2021-12-17 16:01:56 · 109 阅读 · 0 评论 -
微信小程序----组件事件通信
组件间通信与事件组件间的基本通信方式有以下几种。WXML 数据绑定:用于父组件向子组件的指定属性设置数据,仅能设置 JSON 兼容数据(自基础库版本 2.0.9 开始,还可以在数据中包含函数)。事件:用于子组件向父组件传递数据,可以传递任意数据。如果以上两种方式不足以满足需要,父组件还可以通过 this.selectComponent 方法获取子组件实例对象,这样就可以直接访问组件的任意数据和方法。WXML 数据绑定监听事件事件系统是组件间通信的主要方式之一。自定义组件可以触发任意的事原创 2021-12-17 15:54:16 · 448 阅读 · 0 评论 -
微信小程序——组件间的样式
组件样式隔离默认情况下,自定义组件(子组件)的样式只受自身组件wxss样式影响在组件内设置自定义组件的字体颜色为红色字体颜色没有改变想要改变的话再要自定义组件的js文件内加上 options: { addGlobalClass: true, },外部样式类/* 组件 custom-component.js */Component({ externalClasses: ['my-class']})...原创 2021-12-17 15:02:30 · 363 阅读 · 0 评论 -
微信小程序—— <slot>插糟
匿名插糟<!-- 组件模板 --><view class="wrapper"> <view>这里是组件的内部节点</view> <slot></slot></view><!-- 引用组件的页面模板 --><view> <component-tag-name> <!-- 这部分内容将被放置在组件模板 <slot> 的位置上 -->原创 2021-12-17 14:18:42 · 230 阅读 · 0 评论 -
微信小程序--组件复用(创建自定义组件)
组件所需文件如下:创建自定义组件// my-component.wxml<view class="inner"> {{innerText}}</view><slot></slot>接收组件参数//my-component.jsComponent({ properties: { // 这里定义了innerText属性,属性值可以在组件使用时指定 innerText: { type: String,原创 2021-12-17 13:47:40 · 554 阅读 · 0 评论 -
微信小程序——WXS 模块
WXS 模块WXS 代码可以编写在 wxml 文件中的 标签内,或以 .wxs 为后缀名的文件内。模块每一个 .wxs 文件和 标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。.wxs 文件在微信开发者工具里面,右键可以直接创建 .wxs 文件,在其中直接编写 WXS 脚本。 标签属性名类型默认值说明原创 2021-12-17 11:34:01 · 1821 阅读 · 0 评论 -
微信小程序--点击事件参数传递
<van-row gutter="40" style="width: 100%;"> <van-col span="8"> <image src="../../image/2048.png" background-size="cover" class="log" bindtap="playGame" data-item='game'></image > </van-col> <van-原创 2021-12-17 10:30:12 · 244 阅读 · 0 评论 -
微信小程序—WXML语法:数据绑定、列表渲染、条件渲染、模板、引用等
数据绑定WXML 中的动态数据均来自对应 Page 的 data。内容绑定<!--wxml--><view> {{message}} </view>// page.jsPage({ data: { message: 'Hello MINA!' }})//如果在函数中要取data的值的话,用this.data.message// 如果要改变data中的值的话,要用this.setData({message:"新值"}),否则页面不会更原创 2021-12-17 10:27:17 · 1814 阅读 · 0 评论 -
微信小程序—路由跳转注意问题
navigateTo, redirectTo 只能打开非 tabBar 页面。 switchTab 只能打开 tabBar 页面。reLaunch 可以打开任意页面。 页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。调用页面路由带的参数可以在目标页面的onLoad中获取。...原创 2021-12-17 09:28:49 · 146 阅读 · 0 评论