![](https://img-blog.csdnimg.cn/20190307135526698.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue 移动端项目实战
文章平均质量分 82
以初学者角度学习vue,一个月快速使用vue搭建移动端项目
常夜漫漫
道路千万条,安全第一条,代码不规范,日后两行泪
展开
-
vue watch监听的实战用法
vue watch监听的实战用法vue watch官方文档案例介绍var vm = new Vue({ data: { a: 1, b: 2, c: 3, d: 4, e: { f: { g: 5 } } }, watch: { a: function (val, oldVal) { ...原创 2018-12-16 15:43:42 · 10605 阅读 · 0 评论 -
vue中watch与防抖动函数
vue中watch与防抖动函数使用场景表单中的某元素在用户输入时需要调api进行校验,由于用户在输入过程中无需时刻调用,这里采用防抖动函数,上代码<template> <div class="register-group"> <div class="form-input-item"> <mt-field ...原创 2019-01-03 11:48:33 · 10595 阅读 · 4 评论 -
VUE 在iphone上页面切换不置顶解决方案
背景近期在使用vue构建移动端项目,采用vue+vue-router+vuex+mint-ui等…在测试iphone系列手机过程中发现路由切换后,页面不置顶,必须触摸滑动屏幕重新定位后才恢复正常。解决方案vue-router在官方文档提供有解决方案当创建一个 Router 实例,你可以提供一个 scrollBehavior 方法:const router = new VueRouter(...原创 2019-01-12 12:51:47 · 981 阅读 · 0 评论 -
vue中mini-ui popup与picker结合在iphone手机穿透问题
背景vue项目使用mint-ui组件中使用popup和picker在iphone手机上会出现在手机屏幕滑动时,使后面model层(灰色阴影部分)出现滚动效果。解决方案先看下代码,此代码挑选重点部分内容,请自行理解<template> <mt-popup style="width: 100%" v-model="popupVisible" position="botto...原创 2019-01-12 16:03:59 · 2567 阅读 · 0 评论