微信小程序
微信小程序
左手喵子
这个作者很懒,什么都没留下…
展开
-
微信小程序之动态添加、删除指定内容(view)和获取input值
2. input是循环出来的,所以不可能给不同的input绑定不同的 bindInput 事件,那么只有绑定一个输入事件,而且所有的值必须是一个数组的话,就必须要获取到装input的view块的索引,然后通过索引值来修改数组中的值。只要获取到当前需要删除的索引值,然后删除循环内容对应的值就完成了。1. wx:for 循环view,添加一个,wx:for的内容就增加1个,那么循环的内容是用数字来循环还是数组呢?2. 动态添加的内容中有input,最终获取值的时候,要获取到所有input的值并且是一个数组。原创 2024-03-17 18:14:20 · 322 阅读 · 0 评论 -
微信小程序双层循环获取外层索引值
【代码】微信小程序双层循环获取外层索引值。原创 2024-02-09 13:57:39 · 451 阅读 · 0 评论 -
小程序生命周期
小程序生命周期小程序作为一种轻量级的应用开发模式,在移动应用领域得到了广泛应用。为了更好地理解和掌握小程序的生命周期,本文将从应用生命周期、页面生命周期和组件生命周期三个方面进行详细讲解,并附上对应部分的代码示例。原创 2024-02-09 13:44:56 · 852 阅读 · 0 评论 -
微信小程序将时间戳转为日期格式
时,获取到的时间可能是一个时间戳,这并不是我们想要的,这时候我们得将获取到的时间戳进行转换。原创 2024-02-09 13:30:26 · 653 阅读 · 0 评论 -
微信小程序——创建组件及引用
先新建组件文件夹,如果有多个组件,创建一个组件目录,我这里就一个组件,就不单独放一个目录了在下右键创建child组件目录,在child目录右键新建组件 ,组件文件child。原创 2024-02-09 12:09:11 · 135 阅读 · 0 评论 -
微信小程序获取用户头像昵称
【代码】微信小程序获取用户头像昵称。原创 2024-02-08 18:15:41 · 490 阅读 · 0 评论 -
微信小程序:父子组件传值
在父组件监听事件。原创 2024-02-08 17:44:16 · 1123 阅读 · 0 评论 -
批量生成假数据(小程序)
【代码】批量生成假数据(小程序)原创 2024-02-08 16:54:56 · 107 阅读 · 0 评论 -
微信小程序 wx.navigateBack(OBJECT) 自定义回退几层
关闭当前页面,返回上一页面或多级页面。可通过获取当前的页面栈,决定需要返回几层。参数。原创 2024-02-08 16:48:12 · 470 阅读 · 0 评论 -
小程序vant--form表单与验证
【代码】小程序vant--form表单与验证。原创 2024-02-08 15:50:00 · 1445 阅读 · 0 评论 -
微信小程序中的onLoad详解及简单实例
onLoad是小程序中页面的生命周期函数之一,表示页面加载时会触发该函数,通常用于数据的初始化。原创 2024-02-08 14:08:30 · 3103 阅读 · 0 评论 -
微信小程序数组添加数据实用技巧分享!
微信小程序数组是非常有用的一种数据结构,通常用来存储和处理一组数据。在实际开发中,我们会经常遇到需要往数组中添加新的数据的情况。下面我们就从几个方面来分享微信小程序数组添加数据的实用技巧。原创 2024-02-08 14:02:16 · 1968 阅读 · 0 评论 -
解决微信小程序 数组复制 改变原数组 新数组也会自动变化
但是如果是动态设置的情况,那就是要从原始数据中进行处理,那这样的话,就得保存原数组。经常会碰到这样,比如从服务器上获取的一些数据(数组Array的形式),那么可能会作一些处理,这样就可以展示了。原创 2024-02-08 13:55:53 · 223 阅读 · 0 评论 -
van-tabs样式修改-->胶囊样式
实现效果图: 组件UI:Vant Weapp用到的API: js:json:wxss:原创 2024-02-08 13:32:53 · 567 阅读 · 0 评论 -
微信小程序-点击获取绑定事件元素的ID和index
小程序list数据带值跳转,一般直接通过设置item的id来标识或者通过设置键值data-xxxx的方式标识。2.通过e.currentTarget.dataset.id 即可获取你自己设置的data-id里面值。1.通过 e.currentTarget.id 即可获取该元素id。原创 2024-02-08 11:56:56 · 731 阅读 · 0 评论 -
微信小程序-获取点击项的索引值index
在被点击项上绑定点击事件bindtap,以及data-index="{{index}}"。1.currentTarget:绑定的事件当前元素及其子元素都会触发。2.target: 绑定的事件 子元素不会被触发事件。原创 2024-02-08 11:43:56 · 337 阅读 · 0 评论 -
微信小程序for循环遍历数组遍历不全的解决办法
文件做wx:for循环遍历数组时,数组含八个元素,循环次数却只有五次,从下面代码看。理论上能将数组完全遍历,效果上却执行五次,并没有将数组遍历。另外我发现原作者没加{{}}原创 2024-02-08 10:56:19 · 510 阅读 · 0 评论 -
微信小程序点击事件传递自定义参数的方法
在微信小程序的开发过程中,点击事件不同于普通js传参,而是采用自定义传参的方法。格式为data-XXX,此处是data-id, id是需要传递的参数。原创 2024-02-08 10:28:57 · 240 阅读 · 0 评论 -
微信小程序双重循环嵌套重新起名
使用 wx:for-item 可以指定数组当前元素的变量名,原创 2024-02-07 21:22:41 · 269 阅读 · 0 评论 -
小程序点击哪个给其添加样式
'on':''}}" //用当前的索引与定义的下标对比。catchtap="goFieldWork" //点击的方法。data-index="{{index}}" //索引。原创 2024-02-07 21:07:08 · 212 阅读 · 0 评论 -
小程序实现多button单选/多选
单选--记得在wxml中修改绑定方法。多选--记得在wxml中修改绑定方法。原创 2024-02-07 12:30:57 · 455 阅读 · 0 评论 -
微信小程序中换行空格(多个空格)
友情提示:必须在<text>标签中!原创 2024-02-07 10:13:15 · 922 阅读 · 0 评论 -
【小程序】field输入框设置type=number不生效
众所周知,在小程序field输入框中有个type属性,设置为number就能限制数字类型,但是这样会有鼠标闪烁的情况无法解决。原创 2024-02-07 09:47:35 · 361 阅读 · 0 评论 -
解决警告:根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引,且修改 checkSiteMap 无效
解决警告:根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引。原创 2024-02-05 10:32:04 · 454 阅读 · 0 评论 -
完美解决“switchTab:fail page “pages/home/url“ is not found“
其他页面跳转与tabBar里相同的pagePath时,使用wx.navigateTo是无效的。此时会无情爆红,提示无法找到对应路径,路径,是路径,其实从路径下手就引刃而解了。全局app.json中tabBar要跳转到相同pagePath。原创 2024-02-03 19:39:34 · 549 阅读 · 0 评论 -
【微信小程序】通过绑定点击事件来实现点击交互
3.在对应的页面或组件的JS文件中,定义事件处理函数。需要注意的是,点击事件的绑定和处理函数的编写需要在对应的页面或组件的JS文件中进行。另外,点击事件的绑定可以使用。4.保存文件并运行小程序,在点击绑定了点击事件的元素时,就会触发对应的事件处理函数。1.在WXML文件中,找到需要绑定点击事件的元素,例如按钮、图片等。中,可以通过绑定点击事件来实现点击交互。属性,并指定一个对应的事件处理函数,例如。原创 2024-02-03 19:37:06 · 589 阅读 · 0 评论 -
微信小程序跳转传递字符串或者对象?
案例:A页面带参数跳转到B页面A页面跳转代码B页面接收代码。原创 2024-02-03 17:07:54 · 359 阅读 · 0 评论 -
小程序带参数跳转页面
navigator组件的url属性用来指定将要跳转到的页面路径。同时,路径的后面还可以携带参数,原创 2024-02-03 16:19:44 · 442 阅读 · 0 评论 -
小程序跳转页面导航
页面导航指的是页面之间的相互跳转。原创 2024-02-03 16:08:06 · 665 阅读 · 0 评论 -
微信小程序中动态展示图片
【代码】微信小程序中动态展示图片。原创 2023-11-03 10:55:14 · 507 阅读 · 0 评论 -
微信小程序动态选择class改变样式
【代码】微信小程序动态选择class改变样式。原创 2023-11-03 09:27:58 · 481 阅读 · 0 评论 -
小程序 scroll-view组件使用scroll-x + flex布局 子元素无法横向显示问题
在学习小程序的view和组件时,给view和scroll-view设置相同的样式,只有view内的子元素可以横向展示,scroll-view内的子元素始终是纵向的。原创 2023-11-02 09:21:48 · 418 阅读 · 0 评论 -
Vant weapp -小程序组件库样式覆盖
每一个组件文档中,底部都会有类似。原创 2023-10-24 13:57:35 · 707 阅读 · 0 评论 -
微信开发者工具 不想要警告提示怎么设置
这不是错误,不影响程序的运行,但是它也不会消失会持续的提示,看起来有点不爽,那我们就干掉它。时,有时候控制台会爆出一堆黄色的警告提示。原创 2023-11-01 22:54:33 · 354 阅读 · 0 评论 -
微信小程序image组件的mode总结+介绍(包含heightFix)
2.10.3版本后,微信小程序的图片即image组件新增了heightFix属性(mode),总共具有14种属性,满足各种情况的放置需要。14种属性可以分为两大类,一种是完全保留的缩放属性,一种是裁剪属性。原创 2023-10-24 16:54:41 · 2803 阅读 · 2 评论 -
微信小程序关于数组的操作
/ 数组的pop方法用于将数组的最后一个元素移除// 返回 被删除的元素;arr.pop();原创 2023-10-24 16:35:30 · 446 阅读 · 0 评论 -
小程序动态设置navigationBarTitleText
【代码】小程序动态设置navigationBarTitleText。原创 2023-10-24 15:56:56 · 578 阅读 · 0 评论 -
微信小程序实现页面数据侦听器,类似vue的watch
既然小程序的组件已经有Observer功能,那为什么还要手写watch功能呢?在该文件中引入watch.js,原创 2023-10-24 15:31:29 · 1507 阅读 · 1 评论 -
微信小程序this.setData如何修改对象、数组中的值
data数据为三种情况数组对象对象中的数组。原创 2023-10-24 14:23:58 · 1229 阅读 · 0 评论