微信小程序
furfur-jiang
你若盛开,清风自来
公众号:程序江
展开
-
微信小程序跳转tabbar
wx.switchTab({ url: "/pages/count/count", //必须相对路径 success: function (res) { console.log(res) } })此处的url必须对应app.json内的pagePath并在前方加个/ "tabBar": { "list": [{ "pagePath": "pages/count/count", "text": "记账" .原创 2020-10-26 11:47:44 · 299 阅读 · 0 评论 -
wx.getStorageSync回调不执行(像使用wx.getStorage一样使用wx.getStorageSync)
wx.getStorageSync只有key,同步的只有wx.getStorage异步在这里插入代码片的,才有回调函数wx.getStoragewx.getStorage({ key: moneyList[i].moneyTpe, success: (res)=> { console.log(res) this.setData({ [`moneyList[${i}].value`]: res.data }) }, fail:(err)=&原创 2020-10-24 22:51:25 · 786 阅读 · 0 评论 -
this.setData修改有的属性生效有的属性不生效
除去那些常见的this问题有些属性生效有些不生效那么写法就没有问题导致无法修改的原因仔细找后发现,我在onShow事件内对该属性进行读取内存赋值操作,也就是每次this.setData修改结束后,又读取内存了一次,也就修改失效了...原创 2020-10-24 22:24:32 · 666 阅读 · 0 评论 -
Cannot read property ‘setData‘ of undefined
特别注意在写this.setData时候,注意this的指向问题若是在success内,success必须改成箭头函数success: (res) =>{ console.log(res.data) // 回显 this.setData({ moneyValue:res.data })原创 2020-10-23 09:42:48 · 211 阅读 · 0 评论 -
微信小程序如何修改this.setData内的变量(对象数组)
使用拼接this.setData({[`moneyList[${i}]`]: res.data})原创 2020-10-23 09:18:26 · 1292 阅读 · 0 评论 -
微信小程序踩坑记录(wx.navigateTo)
wx.navigateTo使用注意wx.navigateTo({ url: '../edit/edit',//必须相对路径 success: function(res) { console.log('res') console.log(res) // 通过eventChannel向被打开页面传送数据 res.eventChannel.emit('acceptDataFromOpenerPage', { data: '123' }) }, fail:function(err)原创 2020-10-22 21:49:10 · 345 阅读 · 0 评论 -
微信小程序导入Vant样式库详细记录
成功引入按钮步骤:ps必须都做到不然都会报错,已经踩坑首先对项目文件初始化npm init -ynpm install然后下载样式库npm i @vant/weapp -S --production然后右上角详情,本地设置,勾选npm模块进行构建npm关键在app.json引入按照如上步骤,文件位置如下,json文件引入写法"usingComponents": { "van-button": "miniprogram_npm/vant-weap原创 2020-10-22 20:37:23 · 634 阅读 · 0 评论 -
微信小程序:没有找到可以构建的npm包
没有找到可以构建的npm包输入npm init -y初始化一下就可以,需要package.json文件原创 2020-10-22 20:06:32 · 125 阅读 · 0 评论 -
The file will have its original line endings in your working directory warning: LF will be replaced
需要提交的文件是在windows下生成的,windows中的换行符为 CRLF, 而在linux下的换行符为LF,所以在执行add . 时出现提示我们需要在提交前加一步就好:git config --global core.autocrlf false再执行git 提交解决办法参考:https://blog.csdn.net/m0_37482190/article/details/103199321?utm_medium=distribute.pc_relevant.none-task-blog-原创 2020-05-28 18:22:38 · 314 阅读 · 0 评论 -
小程序开启本地调试报错,未找到wx-server-sdk 的成功解决办法
小程序开启本地调试报错,未找到wx-server-sdk关于构建npm找不到包的解决办法:1.进入小程序根目录,打开cmd,输入:npm init输入命令之后一直点回车2.输入命令:npm i miniprogram-sm-crypto --production执行命令完之后,然后再去微信开发者中点工具-构建npm,最后重启一下就成功了...原创 2020-05-28 18:18:29 · 2781 阅读 · 2 评论 -
小程序实现用户地址和用户信息授权
小程序实现用户地址授权首先,通过按钮bindtap="getAddress"绑定点击事件,将获取的用户信息存储到data中;存储后,为避免下一次再出现弹窗,需要在onLoad中用wx.getSetting查看用户曾经是否授权,如果授权过,可以直接获取数据并不在出现弹窗.特别注意:用户点击的如果是取消授权,会出现用户再次点击按钮无法反应的情况,所以这里需要进行处理,即先判断授权情况再决定调用什么...原创 2020-04-05 19:51:08 · 1291 阅读 · 0 评论 -
小程序入门必读的几篇博文目录指导篇,带你入门小程序
小程序入门必读的几篇博文目录指导篇,带你入门小程序微信小程序体验官方dome(代码)微信小程序基础而重要语法整理总结(数据绑定、运算表达式、循环渲染、条件渲染、事件绑定(传参))微信小程序的常见组件讲解(view, text,image,swiper,navigator,rich-text , button, icon, radio, checkbox)微信小程序自定义组件整理总结(案例说...原创 2020-03-30 12:05:27 · 167 阅读 · 0 评论 -
微信小程序自定义组件整理总结(案例说明,页面通过标签属性给子组件传参,子组件通过properties接收,子组件通过触发事件向页面传参,slot插槽)
前言:组件是放在components文件夹内,页面是放在pages文件夹内,页面.js 文件中 存放事件回调函数的时候 存放在data同层级下!!!组件.js 文件中 存放事件回调函数的时候 必须要存在在 methods中!!!不要搞混通过一个实例进行讲解先介绍自定义组件,稍后会涉及父子组件传参效果图:首先在components文件夹内新建一个文件,例如Tab,用来抽取公共头...原创 2020-03-30 11:42:19 · 1128 阅读 · 0 评论 -
微信小程序的常见组件讲解(view, text,image,swiper,navigator,rich-text , button, icon, radio, checkbox)
重点讲解小程序中常用的布局组件view, text,rich-text , button, image,navigator,icon, swiper ,radio, checkbox.view代替原来的div标签<view hover-class= "h-class">点击我试试</view>text文本标签2.只能嵌套text3.长按文字可以复制(只有此...原创 2020-03-29 21:08:43 · 1106 阅读 · 0 评论 -
微信小程序如何在使用less(vscode插件Easy Less介绍及配置,实时将less文件转为css文件)
前提,用vscode和微信小程序工具同时编写代码第一步:下载easy less首先打开vscode,搜索easy less ,下载如下第二步:配置点击右上角打开json设置最后面补充输入以下代码:"less.compile": { "outExt": ".wxss" }完成了最后再安利一个好用的小程序vscode插件:小程序开发助手,超完整代码提...原创 2020-03-29 19:57:49 · 3699 阅读 · 0 评论 -
微信小程序条件渲染wx:if与的区别及注意事项
两种方法可以对页面元素实现条件渲染wx:if、wx:elif、wx:elsehidden 用法,在标签上直接加入属性 hidden或hidden="{{true}}"什么场景下用哪个当标签不是频繁的切换显示 优先使用 wx:if,直接把标签从 页面结构给移除掉当标签频繁的切换显示的时候 优先使用 hidden,通过添加样式的方式来切换显示注意:hidden 属性 不要和样式 dis...原创 2020-03-29 19:29:31 · 1493 阅读 · 2 评论 -
微信小程序基础而重要语法整理总结(数据绑定、运算表达式、循环渲染、条件渲染、事件绑定(传参))
目录数据绑定运算表达式循环渲染条件渲染事件绑定(传参)首先对初始化后的小程序目录进行梳理(图来自某机构)补充:sitemap配置:小程序根目录下的sitemap. json文件用来配置小程序及其页面是否允许被微信索引。数据绑定wxml数据显示<!-- 1 字符串 --><view> {{msg}} </view><!-- 2...原创 2020-03-29 19:25:38 · 1052 阅读 · 0 评论 -
如何计算转换px对应小程序rpx
我们做小程序时会有需求要把页面中某些元素的单位由px改成rpx先说一下对应关系:如果设计稿是750px750 px = 750 rpx1px=1rpx如果把屏幕宽度改成375px375 px = 750 rpx1px=2rpx1rpx = 0.5px现在假设有个需求设计稿内某元素宽度为100px,要怎么进行转换?首先拿以上的需求去实现不同宽度的页面适配,计算公式如下pa...原创 2020-03-29 16:01:02 · 1675 阅读 · 0 评论 -
微信小程序体验官方dome(代码)
官方地址源码github寻找方法小程序官网记录一下,有时候真的找不到…原创 2020-03-29 12:10:22 · 733 阅读 · 0 评论 -
小程序页面间通过navigateTo进行简单传参
小程序页面间通过navigateTo进行简单传参操作说明参数发出端是通过url=“path?id=”+id的形式传出参数参数接收端是通过onLoad的options进行收集参数代码说明发出端Home.wxml,触发事件toDetailHome.wxml <block wx:for='{{listArr}}' wx:key='index'> <!-- dat...原创 2020-03-05 23:00:06 · 4156 阅读 · 0 评论 -
手把手教你微信小程序的模板template和列表渲染的使用
微信小程序的模板template和列表渲染的使用操作说明第一步创建模板,并先写假数据,好比写普通页面一样,外层套一个template标签在调用模板的页面引入wxml和wxss,用于调整样式js引入数据,给页面设置数据,修改模板中的假数据,用{{}}表示真实数据,进行列表渲染代码说明template-list.wxml模板,假数据已经被我改写成真实引用的数据了,建议先用假数据,便于调...原创 2020-03-05 18:14:27 · 1553 阅读 · 1 评论 -
小程序坑之wx.navigateTo(Object object)的使用注意
wx.navigateTo(Object object)保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。注意:1. 使用url时候路径不能+wxml ;2.不能跳到 tabbar 页面 3. 绝对路径和相对路径都可以wx.navigateTo({ //绝对路径 url: ...原创 2020-03-05 15:51:22 · 1733 阅读 · 1 评论 -
小程序之引入require和import引入文件及模板
require的引入必须是相对路径的,是个坑eglet datas = require('../../datas/list-data.js')import的引入是绝对路径,对于pages定义模板<template name="Item" data="{{...item}}"></template>在wxml引入模板<import src="...原创 2020-03-04 23:09:32 · 3775 阅读 · 0 评论 -
小程序之用户授权(即对小程序新建后自带的代码分析)
小程序之用户授权(即对小程序新建后自带的代码分析)相信很多朋友对小程序新建完自带的代码表示很懵逼,其实里面最主要的部分就是用户授权方面,所以我在这里谈谈小程序用户授权文章,帮助大家理解。需求通过用户授权获取用户信息建议还不了解的同学先看下面的代码部分(为小程序创建后自带代码+我的注释),这个部分是对代码的解读第一次进入小程序第一次进入小程序,此时小程序还未获得我们的授权,而判断我们是...原创 2020-03-01 16:08:58 · 1051 阅读 · 0 评论 -
小程序读不到data初始化数据的问题
首先看一下到底页面拿到数据没有两种情况:如果没有拿到数据,可能是data根本没有放在Page里面,这样是读不到的如果拿到数据,可能是页面读取的问题,没有加{{}},或者读取方式不对用.或者[]...原创 2020-02-29 23:48:02 · 2187 阅读 · 0 评论 -
微信小程序通过点击轮播图跳转tab(navigator+swiper)
效果展示:HTML<view class="slides"> <swiper autoplay indicator-dots circular> <swiper-item wx:for="{{swiperList}}" wx:key="index"> <navigator url="{{item.imgUrl}}"...原创 2020-02-08 20:25:19 · 2484 阅读 · 0 评论 -
解决报错:VM1704:1 <navigator> should have url attribute when using navigateTo, redirectTo or switchTab
VM1704:1 should have url attribute when using navigateTo, redirectTo or switchTab原因解释:组件在使用时,涉及到以上3种跳转方式时,必须拥有 url 属性,否则就会出错。可能性1:加了url的,就是路径有的为空。可能性2:版本未达到要求修改方法:针对可能性1:修改navigator的属性url,使其存在且不...原创 2020-02-08 20:10:24 · 36551 阅读 · 3 评论 -
报错:TypeError: Cannot read property '$$' of undefined
报错:TypeError: Cannot read property ‘$$’ of undefined原因解释:放了swiper组件,但没有数据填入解决,在wx:for=" "内放入数据原创 2020-02-08 18:17:33 · 8509 阅读 · 0 评论 -
微信小程序wx.request使用基本例子(swiper)
wx.request({ url:"xxx", success(res){ console.log("res") if(res.data.code===0){ that.setData({ swiperList:res.data.data.swiperList ...原创 2020-02-08 18:16:55 · 992 阅读 · 0 评论 -
wx:key="{{index}}" does not look like a valid key name (did you mean wx:key="index" ?
wx:key="{{index}}" does not look like a valid key name (did you mean wx:key=“index” ?去掉{{}}即可原创 2020-02-06 19:40:29 · 2197 阅读 · 0 评论 -
vscode开发微信小程序必备插件
wechat-snippet微信小程序代码辅助,代码片段自动完成minapp微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)wxapp-helper微信小程序开发助手生成页面/组件,页面/组件模板可配置(.js, .wxml, .wxss, .json),文件名及命名风格可配置,支持生成 TypeScript,插入乱数据辅助...原创 2020-02-06 11:17:08 · 9057 阅读 · 3 评论