![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序开发
*唔西迪西*
希望能够留下有价值的东西,自己也变得有价值
展开
-
封装微信小程序中的数据请求
其实微信小程序中的数据请求封装和vue差不多,很相似。。首先创建一个http文件夹,里面再创建env.js和request.js和index.js1.先创建一个env.js文件来封装环境module.exports={ //开发环境 dev:{ baseUrl:'http://127.0.0.1:8080' }, //生产环境 prod:{ baseUrl:'https://api.it120.cc' }, //测试环境 test:{ baseU原创 2020-08-20 19:07:02 · 983 阅读 · 0 评论 -
小程序Failed to convert value of type ‘java.lang.String‘ to required type ‘java.lang.Integer‘问题
使用小程序路由跳转,将那个点击商品的id,传到另一个接口中报错之前的写法:js文件中写的点击跳转到详情页事件toDetail(){ let id = e.currentTarget.dataset.id console.log(id) wx.navigateTo({ url:`/pages/catexq/catexq?${id}`, }) }在详情页获取渲染的数据,需要有关键key:id onLoad:原创 2020-08-15 11:45:26 · 2860 阅读 · 0 评论 -
小程序根据token判断进行登录授权
这个难题伴随我快三四天了,今天终于弄懂了,今天就顺顺思路。toekn用户权限标识,相当于一把钥匙,安全性高,3-5分钟不用就会失效,它是由后端生成的,我们拿过来用就好了如何进行登录授权呢?1. 点击封装的登录模块中的”允许“按钮—执行processLogin方法页面wxml代码:1.1我的页面中的mine.wxml页面<import src="/template/login/login.wxml" /> //引入我创建的弹框模块的页面<view>原创 2020-08-12 20:58:56 · 3027 阅读 · 4 评论 -
微信小程序中简单使用wxParse插件解析富文本
微信的小程序中也会出现一些带标签的数据不能直接在页面上渲染出该有的属性值。vue中实现解析富文本比较简单,直接使用v-html即可,而在小程序中有两种解析方法,分别是rich-text和wxParse,今天就主要讲讲用wxParse实现解析富文本的步骤。。。。1.首先去github上下载我们需要的wxParse插件网址:https://github.com/icindy/wxParse2.在要使用的页面的js中引入WxParse模块var WxParse = require('../../wxPa原创 2020-08-10 23:26:12 · 1567 阅读 · 1 评论 -
小程序中使用vant ui详解
小程序自带的一些组件有时候不能满足我们的一些需求,这个时候引入vant ui的组件是一个好的选择,今天详细说说使用这个vant ui的曲折过程。。。。1.先在小程序中打开终端,使用npm init -y命令初始化,生成package.json文件2.安装vant ui 依赖# 通过 npm 安装npm i @vant/weapp -S --production3.点击右上角的详情,在本地配置中勾选使用npm模块效果图:3.根据vant ui官网要求 package.json 和 node原创 2020-08-07 17:13:30 · 4519 阅读 · 0 评论 -
Component “components/child/child“ does not have a method “toFather“ to handle event “tap“解决方法
在实现子传父的时候,出了这个错。。。经过百度翻译:组件“components/child/child”没有处理事件“tap”的方法“toFather”。那它的意思就是说我的点击事件有问题呗,所以我就去控制台先试着输出,看看能不能触发。。谁知道连111都出不来,那就是代表我的事件触发不了。。触发不了之前的代码:wxml中代码实现:<view> <button bindtap="toFatherevent"> 点我把子组件的值传给父组件 &原创 2020-08-06 17:18:07 · 3685 阅读 · 4 评论 -
小程序中的组件通信简单实例
小程序中也有组件通信,那么如何实现呢?今天我们就一起来学习学习组件通信就是:子传父,父传子,和兄弟传值,今天主要说说父子通信1. 首先来说说父传子小程序中的父传子和vue中的父传子很相似1.1首先创建一个组件:在子组件文件夹上–右建–选择【新建component】选项1.2引入组件,在父组件中的json文件的usingComponents添加要使用的子组件1.3父组件中引入子组件,给子组件添加属性 <view> <Child title="好好学习,天天向上"/&原创 2020-08-06 17:02:27 · 1436 阅读 · 0 评论 -
解决报错(in promise) MiniProgramError {“errMsg“:“navigateTo:fail can not navigateTo a tabbar page“}
今天学习了小程序实现路由跳转,我在操作的时候在控制台出现以下错误信息。翻译过来的意思是:(承诺中)微程序错误{“errMsg”:“n”avigateTo:故障can未导航到选项卡页“}对象问题原因:经过查阅资料,知道使用navigateTo路由跳转方式,保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。解决办法:只需在js文件的点击事件中,配置跳转的url地址与tabbar中的跳转地址不一样就ok.我就简单说一下我用navigateTo方式实现的小程序路由跳转过程1.触原创 2020-08-05 18:58:18 · 25476 阅读 · 4 评论 -
解决appJSON[“tabBar“][1][“pagePath“] “pages/classify/index“报错
今天首次接触微信小程序,准备用微信小程序简单写一个tabbar效果但是执行的时候出现了下面的报错。。。出现这个报错的原因是在app.json中pages中的文件路径与下面tabbar中所写的路径不一致正确写法应该是所以敲代码得看清楚了...原创 2020-08-04 18:13:15 · 11840 阅读 · 5 评论 -
微信开发者工具的初步使用
1.首先去百度搜索微信公众平台2.填写小程序注册3. 注册完登录小程序后台:开发->开发设置–AppID(小程序ID)获取appID,将其保存,(后面要用到)4.安装微信开发者工具安装地址 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html5.打开微信开发者工具有个加号的页面,点击便可创建项目此时项目就创建好了终极效果如下:如果效果图如上就代表你的创建没问题啦...原创 2020-08-04 17:56:06 · 983 阅读 · 0 评论