vue-移动
关注
分享
扫一扫
BMG-Princess
愿每个人心里的炽热，在妥协后还没有死去。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用 APICloud 进行 APP 开发的方式以及流程进行讲解
目录统筹介绍：一、开发工具的了解二、下载地址三、Avm.js跨端框架的优势四、关于 window 和 frame 这二者的区别使用。统筹介绍：目的：前端开发APP，基于 APICloud 进行 APP 开发。工具：前端开发 APP，DCloud 与 APICloud可以用，DCloud 官方并没有一个很好的社区，APICloud 有比较活跃的社区。一、开发工具的了解编辑器：APICloud Studio 3通俗来说：是一个平台，为你提供很多组件和 AP..原创 2021-12-06 14:58:57 · 2563 阅读 · 1 评论 -
【Vue - computed】 计算属性，方法和侦听器
所以，对于任何复杂逻辑，你都应当使用计算属性。（官方原话）<body> <div id="app"> {{FullName}} </div> <script> var vm = new Vue({ el : "#app", data:{ FirstName : "Liu", LastName: "Runsen", FullName: "Liu原创 2020-10-28 11:31:34 · 312 阅读 · 0 评论 -
一个倒计时的小demo
1、要求做一个验证码的60s倒计时2、上代码//this.toWaiting = false;代表倒计时开始this.toWaiting = false; this.number = "60"; var timetimer = setInterval(() => {thi...原创 2019-12-30 11:00:58 · 149 阅读 · 0 评论 -
vue微信公众号键盘收起后出现空白的解决办法
背景使用mint以及element组件结合vue内容1、问题：vue微信公众号项目中键盘收起下部出现空白2、步骤：点击手机号输入框，输入，再点击密码输入框，输入弹起的密码输入框消失后内容也消失。3、解决办法密码输入框去掉type=number,变成正常输入将密码框变成点添加出现空白处理方法4、上代码<mt-field type="number" :attr="{ ma...原创 2019-12-02 13:21:04 · 1238 阅读 · 0 评论 -
vue移动项目支付时input格式
1、要求：首位不为.只能输入数字最多20位2、上代码<mt-field pattern="\d*" placeholder="请输入充值金额" v-model="money" :attr="{ maxlength:20}" @focus.native.capture="clearDialog()" @blur.nati...原创 2019-11-28 14:39:54 · 229 阅读 · 0 评论 -
vue移动端长按事件
<div @touchstart="gotouchstart(item.id)" @touchmove="gotouchmove" ></div>data() { return { timeOutEvent:"0", }; }, beforeDestroy...原创 2019-11-22 12:05:28 · 1005 阅读 · 0 评论 -
键盘相关处理
移动端点击input输入框弹出数字键盘无*#、有*#原创 2019-11-04 16:51:42 · 5211 阅读 · 0 评论 -
微信公众号input关闭键盘后导致页面底部会有留白
解决办法：绑定一个blur事件，当其触发时，使scrollTo为0<mt-field type="password" :attr="{ maxlength:20}" v-model="password" @focus.native.capture="clearDialog()" @keyup.enter.native="login()" placeholder="请输入密码" ...原创 2019-10-31 09:47:45 · 498 阅读 · 0 评论 -
获取地址中url两个参数值的方法
路径转码及对路径的拆分1、说明在vue微信公众号项目中，扫一扫实现页面的跳转，页面地址http://zys.derunht.cn/charge/#/register?waterNumber=01231546?openid=ofR4DwskSjro99QxtXZYht4GcLvM，但是后台进行了加码，为http://zys.derunht.cn/charge/#/register?waterNu...原创 2019-10-25 13:24:59 · 1544 阅读 · 0 评论 -
对接接口对错误的处理
if (response.data.code == 0) { this.store.dispatch("setdeviceId", deviceId); this.getEquipmentList(); this.$message.success("切换成功！"); } else i...原创 2019-10-23 11:56:09 · 883 阅读 · 0 评论 -
微信公众号扫一扫功能vue配置
debug: false, 如果为true的话安卓手机不能正常跳转，ios可以（微信一大坑）//扫一扫 toSweep() { // 获取当前页面路径 var url = window.location.href; // 获取微信签名 this....原创 2019-10-23 11:41:21 · 1053 阅读 · 0 评论 -
vue微信公众号项目中，手机无法正常刷新及跳转网页解决方案
在路由router index.js中，本来将hush改为history，将路径中的#去掉了，发现有部分手机，vue微信公众号项目中，手机无法正常刷新及跳转网页。解决方案：和后台配合，去掉mode: ‘history’。const router = new Router({ mode: 'history', base: 'charge', //自己项目中带的routes: [{ ...原创 2019-10-23 11:31:55 · 1832 阅读 · 0 评论 -
移动web摘要
1、移动web开发（pc端的页面用手机浏览器打开）这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天 下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。2、web app开发（web应用程序）特指的是用html5技术开发，之所以叫web app是因为他比...原创 2019-10-23 11:16:41 · 940 阅读 · 0 评论