![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 54
沉默小管
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
展开
-
【微信小程序】van-area的省市区选择使用
安装构建npm点击选中构建npm,出现以下文件index.jsindex.wxmlindex.jsonutils/areaData.js最后效果原创 2022-11-20 11:18:20 · 2957 阅读 · 1 评论 -
【微信小程序】微信小程序使用弹出框多级联动(示例)
解决流程wxml代码 <form catchsubmit="handleUserEdit" catchreset="handleUserReset"> <van-cell-group> <van-field bind:change="handleInputChange" bindtap="handleShowPicker"原创 2022-04-19 10:48:19 · 1721 阅读 · 0 评论 -
【微信小程序】微信小程序使用表单的一些坑和注意事项
遇到的问题这几天写微信小程序的vant样式表单提交时,遇到一些很少见的问题。我在表单中使用弹出层(Popup)或者单选框(radio),多选框(checkbox)回调时,再点提交是获取不到回调的值,虽然在表单中有显示数据。解决问题最后我查看了vant的文档,最终看到了,每个组件都有bind:change(选项改变时触发)所以我是这么改动的,看以下代码wxml代码 <form catchsubmit="handleUserEdit" catchreset="handleUserReset"&g原创 2022-04-19 10:16:20 · 1309 阅读 · 0 评论 -
【微信小程序】40029 invalid code解决办法集合
解决流程1.查看后端程序请求的AppID和AppSecret是否与自己注册的微信小程序的AppID和AppSecret是否一致node.js后端程序的AppID和AppSecret我自己的微信小程序的AppID和AppSecret2.查看后端程序请求的AppID是否与微信小程序的appid是否一致欢迎加入前端全栈开发交流圈一起吹水聊天学习交流qq群:837051545个人网站:沉默小管如有错误,请多多指教。如对你有帮助,给个赞吧。...原创 2022-04-01 00:03:26 · 2972 阅读 · 0 评论 -
【微信小程序】获取当前地理纬度和ip
解决流程 var ip = ""; let that= this; //获取当前ip wx.request({ url: 'https://pv.sohu.com/cityjson?ie=utf-8', success(res){ let data = JSON.parse(res.data.split("=")[1].split(";")[0]); ip = data.cip; //通过ip获取当前经纬度原创 2022-03-03 00:48:37 · 1618 阅读 · 2 评论 -
【微信小程序+node】微信小程序结合node用户登录-06
申请一个微信小程序账号,并获取appId,appSecret1.使用新的qq注册一个新的小程序2.获取appId,appSecret。特别注意appSecret需要自己保存,每次获取都要验证,特别麻烦。IP白名单可选开启,如果开启就把自己的服务器ip填入进去,否者获取不到请求的数据1.微信小程序登录获取codewxml<button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 去授权 </button&原创 2022-02-08 18:02:48 · 3093 阅读 · 0 评论 -
【微信小程序+node】微信小程序使用自定义组件和注意事项-05
自定义一个用户登录的,弹出框的组件做例子创建一个子级弹出框组件util.js// 获取登录时的tokenconst getCodeLogin = function(successFn){ wx.login({ success(res){ successFn(res); } })}jsimport Util from '../../utils/util.js';import {baseInfo} from "../../utils/config";原创 2022-02-08 15:57:31 · 628 阅读 · 0 评论 -
【微信小程序+node】微信小程序封装网络接口与使用-04
request.js1.使用promise异步操作封装微信网络请求,resolve(请求成功返回,需要使用then链式调用进行获取),reject(请求失败返回,需要使用catch进行抓取)2.header添加用户登录生成token鉴权与传输格式,传输方式,其他自定义的参数import {baseInfo} from "../utils/config"import {getToken} from "../utils/storage"export function request(options.原创 2022-02-08 14:35:21 · 702 阅读 · 0 评论 -
【微信小程序+node】微信小程序使用vant weapp框架和注意事项-03
1.通过 npm 安装npm i @vant/weapp -S --production2.修改 app.json将 app.json 中的 "style": "v2" 去除3.修改project.config.json "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir"原创 2022-02-08 01:19:19 · 547 阅读 · 0 评论 -
【微信小程序+node】微信小程序使用阿里矢量icon图标-02
1.在阿里矢量网站中生成icon的css代码2.点击css就会在线生成css代码3.把生成的css代码放入项目的alifont.wxss中4.在app.wxss中引入alifont.wxss5.项目中使用icon iconfont是公共,必须存在,需要修改的是后面的icon-baoansuopeiguanli<icon class="icon iconfont icon-baoansuopeiguanli" style="font-size:56rpx"></icon&原创 2022-02-08 00:57:17 · 220 阅读 · 0 评论 -
【微信小程序+node】微信小程序初始化项目目录结构-01
1.assets: 存放样式与图片2.components: 项目的组件3.miniprogram_npm:第三方打包的内容4.network: 对应每个页面请求的接口5.pages: 项目的视图代码,每个文件对应每一个模块6.utils: 项目的工具类-config.js 项目配置内容-storage.js 项目的缓存类-utils.js 项目公共的工具类7.app.js 项目的入口文件8.app.json.原创 2022-02-08 00:37:27 · 391 阅读 · 0 评论 -
【微信小程序】微信小程序登录请求出现appid missing提示
appid错误。原创 2022-02-02 19:39:35 · 8168 阅读 · 3 评论 -
【taro】taro如何打开微信小程序
1.在项目根目录输入npm run dev:weapp最后会出来这么一堆文字Tips: 预览模式生成的文件较大,设置 NODE_ENV 为 production 可以开启压缩。Example:$ set NODE_ENV=production && taro build --type weapp --watch启动 开发者工具-项目目录 D:\xx\xx\dist生成 工具配置 D:\xx\xxx\dist/project.config.json编译 发现入口原创 2022-01-14 14:49:04 · 2672 阅读 · 1 评论 -
【微信小程序】微信小程序获取用户信息为“微信用户”解决方案--学习微信小程序之路06
问题描述原创 2022-01-05 09:52:21 · 3821 阅读 · 0 评论 -
【微信小程序】微信小程序如何使用自定义的图标--学习微信小程序之路05
解决流程1.进入阿里矢量,点击复制代码2.在项目中创建wxss文件,并在app.wxss文件中引入第三方wxssalifont.wxss文件内容3.在项目中使用<icon class="icon iconfont icon-shouji" style="color:red;font-size:44rpx"></icon>...原创 2022-01-05 01:53:00 · 951 阅读 · 0 评论 -
【微信小程序】使用vant引入toast組件找不到toast.js文件和未找到 van-dialog 节点的解决办法--学习微信小程序之路04
解決流程1.问题引入代码import Toast from '/miniprogram_npm/@vant/weapp/toast/toast';改为:import Toast from '../../miniprogram_npm/@vant/weapp/toast/toast';2.使用时,如果爆出toast节点找不到。解决办法view视图:<van-toast id="van-toast" />json文件{ "usingComponents": { "原创 2022-01-03 22:30:51 · 1533 阅读 · 0 评论 -
【微信小程序】navigateTo:fail can not navigateTo a tabbar page--学习微信小程序之路03
问题描述问题代码:_handleShop(){ wx.navigateTo({ url:"/page/shopping/Shopping" }) }看了微信小程序才发现,跳转到导航的路径不能用navigateTo解决流程一共有三种跳转路径方法1:使用switchTab,switchTab用于跳转tarbar内的页面:(我使用switchTab解决问题)_handleShop(){ wx.switchTab({ url:"/pages/sh原创 2022-01-03 21:15:27 · 497 阅读 · 0 评论 -
【微信小程序】微信小程序读取本地文件--学习微信小程序之路02
问题描述我想读取微信小程序本地文件,但是微信小程序好像规定要在指定的文件进行读取解决流程1.把本地文件复制并保存在微信小程序指定的文件2.读取文件 //读取文件的路径 //wx.env.USER_DATA_PATH微信用户数据路径 let aFilePath = `${wx.env.USER_DATA_PATH}/data.json` let getFile = wx.getFileSystemManager() let readFileData = getFi原创 2022-01-03 17:31:38 · 11235 阅读 · 0 评论 -
【微信小程序】报错找不到@babel/runtime/helpers/interopRequire--学习微信小程序之路01
解决流程1.去掉app.json文件中的lazyCodeLoading配置(删掉)原创 2022-01-03 16:43:39 · 1782 阅读 · 1 评论