随笔分类 - 小程序
摘要：直接上代码，代码也是在博客上找的，未标明出处，如原作者看到，可联系删除或注明来源 在app.vue文件中，运行小程序时调用强制更新代码，检查小程序是否更新 onLaunch: function() { this.autoUpdate() }, 然后再methods方法中写autoUpdate()方法
阅读全文
摘要：不明白为什么会一直触发load事件，这篇博客https://blog.csdn.net/weixin_45121510/article/details/109078747中给了说明，具体如下： 一、基础用法 List 组件通过 loading 和 finished 两个变量控制加载状态，当组件滚动到
阅读全文
摘要：更改普通数据直接赋值即可，更改数组要通过this.$set()来解决 export default { data () { return { title: "Hello", items: [ { message: "one", id: "1" }, { message: "two", id: "2"
阅读全文
摘要：1.加载中提示至数据加载出来 利用定时器，每隔500毫秒加载 ‘加载中...’ 的提示，保证‘加载中...’持续显示至数据展示 this.timer = setInterval(() => { this.$toast.loading({ message: '请稍后，加载中...', forbidCl
阅读全文
摘要：首先先在pages.json中引入vant-filed 1.普通vant-field的使用，没有双向绑定，所以用到了change事件 <van-field :value="reportContent.eventInfo" label="事件详情" type="textarea" placeholde
阅读全文
摘要：首先先配置小程序位置 在manifest.json文件中，打开源码视图 在源码视图中，找到小程序相关添加上图中蓝色圈起的部分 最后直接上代码 // 获取当前用户的位置 getUserLocation(){ let that = this uni.getSetting({ success: (res)
阅读全文
摘要：scroll-view 可滚动视图区域。用于区域滚动。 相关属性使用说明： 1.scroll-x：允许横向滚动 默认： false 2.scroll-y：允许纵向滚动 默认： false 3.upper-threshold: 距顶部/左边多远时（单位px），触发 scrolltoupper 事件 默
阅读全文
摘要：微信小程序创建WebSocket链接使用到了uni.connectSocket(OBJECT) 这里主要讲一下单页面监听(局部监听)和多页面监听（全局监听） 在各个小程序平台运行时，网络相关的 API 在使用前需要在【微信公众平台】配置域名白名单。注意：小程序中必须是 wss:// 协议 微信小程序
阅读全文
摘要：android平台的微信小程序NavigationBarTItle题目居左，苹果的居中，微信官方文档没有navBar的相关设置，只能自行定义。 第一步：在page.json页面的首页路由中加入"navigationStyle": "custom"，取消默认的原生导航栏 第二步：新建navBar组件
阅读全文
摘要：使用到的方法： 1.uni.getSetting 2.uni.authorize 3.uni.showActionSheet 4.uni.showModal 5.uni.openSetting uni.getSetting({ success: (res) => { let authStatus =
阅读全文
摘要：业务场景：可以上传拍摄图片或视频，也可以上传相册图片或视频，图片大于1M需要压缩，视频大于10M也要压缩 介绍使用到的方法： 1.uni.showActionSheet 2.uni.chooseImage 3.uni.getImageInfo 4.uni.uploadFile 5.uni.choos
阅读全文
摘要：通过开发小程序登录界面实现体验版开发 个人小程序的注册可以通过这个地址注册，选择小程序即可 注册之后通过邮箱填写个人信息，在选择主体类型时选择个人即可。 用注册的微信登录微信公众平台填写小程序的基本信息，小程序审核通过后会生成该程序的AppId，将AppId填写到微信开发者工具的基本信息以及项目目录
阅读全文
摘要：前提：创建了vue项目（vue create proname） 主要为了记录浏览器适配，创建vue项目省略了，网上搜一搜，一大堆。 开发h5界面是为了通过<web-view :src="webUrl"></web-view>(其中webUrl是指vue项目的服务器地址)，将页面嵌入到微信小程序中，微
阅读全文
摘要：uni-app 是一个使用 Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 uni-app有内置组件，但只能满足基础需求，不像web开发基本引入三方
阅读全文
