前言 uni-app uni-app是DCloud推出的终极跨平台解决方案,是一个使用Vue.js开发所有前端应用的框架,官网:https://uniapp.dcloud.io/ mui 号称最接近原生APP体验的高性能前端框架,官网:https://dev.dcloud.net.cn/mui/ 个人觉得,mui除了页面设计很接近原生App之外,还有一个特点就是能方便的使用App扩展规范Html5 Plus(http://www.html5plus.org/doc/h5p.html),我们能在它…

1. uni-app采坑记录 1.1. 前言 这里记录下uni-app实践中踩的坑 1.2. 坑点 1.2.1. 触发事件@longTap和@longpress 这两个都表示长按触发事件,那么这两个有啥区别呢? 经过实践,发现在微信和h5端只有longpress起效果,在支付宝小程序端只有longTap起效果,一开始做用了longpress,结果坑了支付宝,这两个还要用区分编译分开来写两套代码 我在想官方不能把不同环境的长按事件合成一个吗?还是有技术难题 1.2.2. 触发事件@tap 连@ta…

之前解决过一次,后来给忘记了,今天又遇到这个问题,现记录一下 修改uni-app的manifest.json文件  - >源码视图 添加以下代码: "disableHostCheck" : true //解决127.0.0.1指向其他域名时出现"Invalid Host header"问题 VUE项目遇到此问题也类似解决方案(因为uni-app :一款基于vue的跨平台前端框架) VUE工程解决方案参考:https://blog.csdn.net/Cookys…

看到好多开源项目都升级了vue3,看文章说vue3性能升级很多,而且组合式api很香,遂把最近开发的自助洗车app升级下,在此记录下出现的问题. uniapp升级vue3官方指南 我是先去vue官网看了下vue3的组合式api,有个大概了解,方便升级使用. 然后根据uniapp升级vue3官方指南把框架层面的先更改. 测试访问没问题后再做代码上的更改.(vue3兼容vue2的代码风格) 把代码风格改为组合式api 简单总结组合式api就是把原有的data,methods等等这些以前分开的代码块,…

大部分问题是我在h5端看不到而在android.iOS平台上暴露出来的,不包含小程序 1.:class="['defaultStyle', dynamicStyle]" 不支持直接这样写数组,需要在computed计算属性中手动拼接,如: :class="dynamicStyle" computed:{ dynamicStyle(){ return "defaultStyle red"; } } 2.:value="this.input…

1.如何定义一个全局属性 在App.vue 文件中,以 global.属性名= XXX; 定义 在其他页面就以 global.属性名来调用 或者在min.js 中使用 Vue.prototype 挂载到原型上 2.上拉加载 使用钩子函数 onReachBottom( )来监听事件 定义全局变量 page=1 , 请求数据时 thia.page++ 定义全局变量 timer , timer 为一个定时器,用来延时加载 3.自定义导航栏按钮 我们使用字体图标来改变按钮样式 1.将字体图标下载到本地…

{ // 每个页面都需要在pages里面去声明配置 "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages // 每页里面的style的设置会覆盖globalStyle里面的设置 { "path": "pages/index/index", "style": { "navigationBarTitleText"…

1.uniapp不显示h5头部 第一种写法: { "path" : "pages/yunshi/yunshi", "style" : { "h5":{ "titleNView":false//禁用原生导航栏 } } } 第二种写法: uni-page-head { display: none }  2.套数据时,发现只要不是写死的,都要冒号: 自定义属性的写法, :data-index="item…

uniapp 提交form表单 @submit EventHandle 携带 form 中的数据触发 submit 事件,event.detail = {value : {'name': 'value'} , formId: ''},report-submit 为 true 时才会返回 formId @reset EventHandle 表单重置时会触发 reset 事件 <form @submit="formSubmit" @reset="formReset"…

在使用uni.request获取后台数据时,我们往往碰到一个问题,列表的懒加载及数据实时更新,这里记录下我制作这类功能的方法. 问题描述:后台返回数据,前端需要进行10个为一组来分页,先显示前10个,下拉时再显示10个,当到底时,第一次到底显示下无数据的提示. 解决办法:前端制作分页,下拉方法. 分页方法思路: 这个方法的作用是把一维数组分成10个一组的二维数组,方法如下: PaginationFun(arr){ let newArr = [] //首先创建一个新的空数组.用来存放分割好的数组…