Vue移动端第6页

vue移动端下拉刷新和上滑加载

本文实例为大家分享了vue移动端下拉刷新和上滑加载的具体代码，供大家参考，具体内容如下组件exportdefault{props:{offset:{type:Number,default:40},enableInfinite

·2020-11-17 17:26

Vue移动端rem适配——Postcss的配置文件.postcssrc.js的基本配置

Vue移动端rem适配——postcss-pxtorem、Postcss的配置文件.postcssrc.js的基本配置（1）PostCss介绍PostCss是一个处理CSS的处理工具，VueCLI内部使用了

Tiredot·2020-11-02 20:29

一看就懂的vue移动端实现左滑删除功能

效果图页面模板代码0":list="list":del_width="60"@del="del">{{scope.item.name}}删除说明del_width属性为‘删除按钮’的宽度，list为数据列表del为删除的事件你可以在插槽中定义你自己的行内容样式以及删除按钮的样式页面JS代码importmoveLeftfrom'../components/moveLeft'exportdefault

前端魅力无限·2020-10-15 11:13

Vue移动端开发Vant组件库的介绍和应用

=>Vant【有赞】=>更新维护快VuePC组件=>element-ui【饿了么】=>更新维护快vant官方网站：https://youzan.github.io/vant/#/zh-CN/其他常用的Vue

木蓝茶陌*_*·2020-10-13 09:12

Vue PC端框架和Vue移动端UI框架

在学习Vue的过程之中，我发现不管是BAT大厂，还是创业公司，Vue都有着广泛的应用，而且框架层出不穷，学习文档也越来越多，Vue也越来越受欢迎。下面是我整理的VuePC端和移动端的UI框架，建议收藏，方便以后学习的时候拿出来查看。VuePC端框架1.Element中文文档：http://element-cn.eleme.io/#/zh-CNgithub地址：https://github.com/

祈澈菇凉·2020-10-11 00:47

一分钟将Vue移动端项目一键打包成app

导语：在vue项目开发完成后，我们就可以把项目打包成一个手机app，是不是很神奇，而且是一键生成，不需要操作。1，把vue项目打包成dist目录我们先将项目目录下config文件内index.js中assetsPublicPath修改为assetsPublicPath:‘./’然后打包成dist文件夹，在cmd输入以下命令npmrunbuild你就可以得到下面这个文件夹2，下载Hbuilder地址

git小米粥·2020-10-07 10:29

vue移动端实现（同一路由下）点击滑动转换多个菜单模块

vue移动端实现（同一路由下）点击滑动转换多个菜单模块收到如题的需求，不用跳转路由进行滑动切换，搜索了半天也没有搜到一个适合我的文章，那就只能自己写了，具体思路借鉴了vue不使用其他插件实现新闻app中左右滑动切换

前端小桃·2020-10-02 18:22

Vue移动端UI库：Mint UI

官网：https://mint-ui.github.io/#!/zh-cnGitHub：https://github.com/ElemeFE/mint-ui介绍一下mint-ui的特性特性介绍MintUI包含丰富的CSS和JS组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。

CodeMT·2020-09-22 14:34

vue移动端点击复制文本内容

安装依赖包：npminstallclipboard--save在需要用到的vue文件导入：importClipboardfrom'clipboard';import{Toast}from'vant';//引入vantui库的toast轻提示单号{{item.orderID}}复制//复制功能copyID(){varclipboard=newClipboard('.order-id')//绑定数据标

阿菜莱·2020-09-17 15:39

Vue移动端项目如何使用手机预览调试

转载于:https://www.cnblogs.com/wstmljf/p/11157249.html

MUMU11995351432·2020-09-17 15:07

vue移动端背景图无法铺满真个屏幕解决方案

123456exportdefault{name:'registerBox',data(){return{}}}#registerBox{background:url('../assets/download.png');background-size:100%100%;height:100%;position:fixed;width:100%;button{margin:auto;margin-t

lannieZ·2020-09-17 08:27

VUE移动端-模态框滚动穿透问题

1v-show显示模态框2watch监听模态框的变化watch:{isHidden(newVal){newVal?this.scrollStop():this.scrollStart()}}3在isHidden值发生变化的时候，a阻止浏览器的默认行为，同时禁止页面滚动scrollStop(){varm=function(e){e.preventDefault()}document.body.sty

weixin_45108907·2020-09-17 06:58

Vue项目移动端滚动穿透问题

概述今天在做Vue移动端项目的时候遇到了滚动穿透问题，在网上查资料后，选取了我觉得最好的方法，记录下来供以后开发时参考，相信对其他人也有用。

weixin_30595035·2020-09-17 06:07

vue移动端弹框组件:vue-layer-mobile

一、npm/cnpm安装在终端执行安装命令:cnpminstallvue-layer-mobile二、引入和使用在main.js中做如下配置:import'vue-layer-mobile/need/layer.css'importlayerfrom'vue-layer-mobile'Vue.use(layer)三:具体使用介绍：这个组件一共有6个方法//toast:文字和图标:testLayer

梁萌·2020-09-17 03:55

Vue移动端禁止输入框聚焦时放大页面

在项目根目录找到index.html在head标签中添加如上代码即可。

爱吃的前端程序员·2020-09-16 21:24

教你开发vue移动端组件之popover

前言我有一个表格需要展现员工个人业绩，大家都知道重名是不可避免的，所以我希望能够标识出该员工所对应的区域和机构，以此来区分人员。但在移动端屏幕空间有限，所以决定在点击人员时，右侧弹出他所在的区域和机构。效果popover组件具体代码{{buttonText}}exportdefault{name:'PopOver',props:['buttonText'],data(){return{open:f

爱忽悠的唐唐·2020-09-16 16:46

Cordova+Vue打包Android Apk

文章目录Cordova打包Vue移动端项目Android环境要求安装Cordova安装AndroidSDK安装GradleCordova创建项目Vue项目使用Cordova打包创建一个的Vue项目github

DuebassLei·2020-09-16 15:33

使用vue-router+vuex实现登录拦截并记录登录状态

由于目前的Vue移动端项目最后会被封装为安卓应用，所以需要一个登录拦截并保存登录状态。

bangju1704·2020-09-16 01:46

vue移动端日历显示查看每日详情列表

vue移动端日历显示查看每日详情列表效果图#使用cmd命令npminstallv-calendarpackage.json和package-lock.json配置信息如下在页面中引入并注册组件import

菠萝橘·-··2020-09-15 12:10

前端框架2019 云开发

from=iview4、优秀的基于VUE移动端UI框架合集https:

anfei5174·2020-09-14 17:47

Vue移动端video的控制条禁止拖动快进（兼容Android和ios）

最近公司做一个刷课时的项目，要求在移动端禁止拖动进度条，并有记录播放时间功能，找个了各种方法，整合记录一下。HTML：methods方法：XXX(){varthat=this;varresetTime=0;//拖动后重置播放时间varcurTime=0;//当前播放时间varvd=document.getElementById("video");//获取video对象vargetCurTime=l

Still_L·2020-09-14 04:36

vue移动端分享图片，长按出不来发送给朋友

最近做的项目里边有一个功能是点击分享生成一个图片然后图片可以分享给好友；vue我用html2canvas、jspdf生成了图片然后在微信打开页面的时候只能显示（存储图像、拷贝、取消）如下图后来写了好几个单页面来检测是否是遮罩层、生成的图片以及页面排版问题。最后发现是vue有路由历史存储，这样的话会在微信内部产生一个自带的前进后退横栏如下图所示如果有历史记录的话这个前进后退按钮是必会出现的，如果不想

Alina_x·2020-09-13 22:04

vue移动端项目底部导航，刷新页面保持原来的导航不变

都知道移动端项目往往底部会有一个导航，但我们在vue每次初始化的时候底部导航会重新回到首页，或者是用户直接登录购物车的时候,提示用户登录要跳转到登录界面，这个时候底部导航应该是跟着跳转的，而不应该保持在购物车的那个导航我这里使用的是vant的ui组件有个方法叫做change一旦导航改变就会触发首页分类购物车我的exportdefault{data(){return{active:0//导航默认下标

yunchong_zhao·2020-09-13 14:22

VUE移动端调试

vue-cli+webpack+Browsersync进行移动端的同步调试前言首先呢，你的了解一下Browsersync是个什么东西，可以移步Browsersync官网了解下。然后才是：当我们使用vue-cli搭建vue项目的时候，通常使用的都是webpack的模板，但是vue一般都是移动端的项目避免不了移动端的调试，那么既然是移动端的调试怎么能少得了Browsersync呢，所以就稍微研究了一下

ls347326800·2020-09-13 08:03

HTML\VUE移动端调试神器vConsole

移动端调试神器vConsole移动端调试神器vConsole//initvConsolevarvConsole=newVConsole();console.log('Helloworld');

玄木郞·2020-09-13 08:32

vue移动端调试神器

直接在index.js页面底下加上如下代码//初始化varvConsole=newVConsole()

john_xiaoweige·2020-09-13 07:30

vue移动端-本地调试的两个方法

1.通过局域网ip访问——更改项目的host配置1)vue-cli2:config/index.jsdev.host改为"0.0.0.0",重启之后就可以通过本地ip或者localhost访问2）vue-cli3:vue.config.jsdevServer.host改为"0.0.0.0",重启之后就可以通过本地ip或者localhost访问3）script的dev后面加--host0.0.0.0

阿之阿佐·2020-09-13 07:56

前端错误日志采集上报

js-log-report前端错误日志采集上报、上报给后端分析错误日、主要用于移动端各手机类型错误日志的收集分析GitHub:js-log-report业务背景在开发Vue移动端项目，运营同学反馈了一个客户手机上页面白屏的问题

weixin_33755554·2020-09-13 06:46

Vue移动端使用better-scroll绑定点击事件@click无效

逆战在vue移动端中使用better-scroll，无法给content区域内的元素添加click事件原因：better-scroll配置项默认不允许点击解决方法：在配置项中添加允许点击click:truethis.BS

rex7989139·2020-09-12 23:44

Vue移动端开发--配置

首页使用vue-cli脚手架安装项目开发包，以及配置git环境Vue+vuex+axios+rem（flex）配置4个环境，调用不同的接口：local（本地开发）、beta（测试）、pre（预上线）、prod（正式上线）一、修改index.html文件修改头部meta标签PlainText//使用lib-flexible可去掉这段代码，会自动添加的引入手机端调试面板--开发者模式（F12）Plai

花胖胖·2020-09-12 22:41

vue移动端页面中局部可滚动（纯css可实现）

功能描述：移动端页面局部滚动（如下所示）功能实现主要代码(代码只有主要功能实现的代码，不全，要理解摘取自己需要的部分)：备注：重点就是class="textScroll"的样式，其余都是配角ekffbhdslfbsdvlskvsdhvlsadvkshvawvoladhivsalvswqygrehsfdhdsfhjndsfnsdgnjdsgndsgnfgfngfnfnesfhbdsdierhvrek

北漂女程序媛的修炼笔记·2020-09-12 00:49

前端开发----vue移动端登录记住密码和获取验证码

在这里插入代码片登录功能里见的比较多的就是记住密码和获取验证码这块下面说说这块功能实现方法1.记住密码：这是按照设计做的记住密码文字前面是两个图片改变data中的数据改变图片但是这里有一个坑写在这里动态绑定图片时候data中数据应该这样写：imgs:require("…/…/assets/images/mirror-service.png)"require加上地址如果只写地址图片是无法显示的；下面

哈哈嗯嗯嘿嘿·2020-09-11 23:34

vue 移动端顶部导航组件

废话不多说，下面是我自己写的vue移动端顶部导航组件给大家分享一下，动态绑定背景颜色，字体颜色，以及回退图标。

赵小懒猪cium·2020-09-11 13:48

vue移动端裁剪图片结合插件Cropper的使用

原文地址http://blog.csdn.net/xiaogezl/article/details/70227025之前写了一个上传头像的功能模块，以下的内容是描述上传头像过程中裁剪图片插件结合vue的一个使用。当然，使用就安装npminstallcropperjs接着再引入importCropperfrom‘cropperjs’下面是源码确定importCropperfrom'cropperjs

HaiJing1995·2020-09-11 13:29

Vue移动端框架Mint UI教程-跳转新页面(四)

/zh-cnGithub:https://github.com/ElemeFE/mint-ui/Vue移动端框架MintUI教程-搭建环境引入框架（一）https://www.jianshu.com/p

祈澈菇凉·2020-09-11 09:08

基于Vant组件的Vue移动端黑马头条项目Day02 登录注册

二、登录注册目标能实现登录页面的布局能实现基本登录功能能掌握Vant中Toast提示组件的使用能理解API请求模块的封装能理解发送验证码的实现思路能理解VantForm实现表单验证的使用准备创建组件并配置路由1、创建src/views/login/index.vue并写入以下内容登录页面exportdefault{name:'LoginPage',components:{},props:{},da

Lincoln Mark·2020-09-11 09:30

vue移动端Ui组件 mint-ui 使用指南

1、上啦加载下拉刷新的使用this.$refs.loadmore.onTopLoaded();this.$refs.loadmore.onBottomLoaded();上啦刷新下拉加载的动画显示在没有数据的请求前想看见的话setTimeout(()=>{this.$refs.loadmore.onTopLoaded();},1000);jq的思路：默认加载第一页，然后下拉的时候在请求数据在加载。在

weixin_30501857·2020-09-11 07:01

vue移动端解决click事件延迟，封装tap等事件

下载vue-touch.js引入：导航条tab：全部养车知识爱车保养汽车维修tab对应的列表页：跑了10万公里的车，相当于人的多少岁别在“黄金车龄”把车卖了对于一辆车来说，它在正常情况下可供时间2019-04-201265开车是累了记得打开“防疲劳按键”，有人直到车子报废也没有开过其实疲劳驾驶也是有预防措施的，汽车上有2019-03-201265停车后直接就熄火下车？老司机告诉你：发动机至少折寿5

狗蛋0·2020-09-10 16:43

vue移动端小说阅读器vue全家桶项目，已部署到服务器可访问预览

暑假实习了几个月辞职后，闲着无聊自己开发的一个vue小说阅读器链接预览地址，里面的小说接口调用的是追书神器，然后我把里面的vip和收费章节做了处理加了个换源功能，里面需要收费或者vip的小说都可以免费看，此项目不做商用仅供学习无需登录无广告。项目源码我已经上传到github，源码地址觉得可以的话点个star共同进步~^_^~技术栈vuevue-cli3vue-routervuexes6webpac

巷北esply·2020-09-10 10:28

vue移动端写的拖拽功能示例代码

·2020-09-09 14:08

VUE移动端仿头条TAB切换

效果跟头条的Tab跟随差不多,暂时没有实现tab始终固定在中间显示!后期优化吧~没有找到合适的插件,采用了VUE的Transition+v-touch以及Animate.css手写实现!(图片是借的,效果类似)传送门-Gighub=>使用注意:移动端滑动,v-touch需要进行脚手架依赖安装才可以使用[email protected]引入使用

葬我以时光·2020-08-23 23:24

vue路由切换后数据及滚动条保持不变

场景Vue移动端单页面应用,首页→列表(刷新)→详情,详情→列表(不刷新)→首页.思路利用缓存列表页实例,通过列表页的beforeRouteLeave导航守卫存储参数isRefresh到localStorage

Rebours�·2020-08-23 21:22

前端常用分类

库AntDesign蚂蚁金服-->reactMaterial-UIGoogle的MaterialDesign-->react、vueElement-UI饿了么-->vueVuetify国外开源项目—>vue

res_min·2020-08-22 18:38

Vue+Spring Boot 前后端分离的商城项目开源啦！

1新蜂商城Vue移动端版本开源啦！

十三的博客·2020-08-22 16:26

vue移动端，解决focus无效、不兼容的问题

需求：点击的时候，需要获取到光标闪动。记得vue中有个autofocus自动获取光标的属性，但是这个属性在safari上有问题，所以不可以使用。解决方法：获取光标toGetFocus(){this.$refs.Inp.focus();}--------------------完。

柠檬不萌只是酸i·2020-08-22 16:04

vue移动端项目打包后调试工具vConsole

cnpm安装vConsolecnpminstallvconsole--save在main.js中引用importvConsolefrom'vconsole'Vue.prototype.$vConsole=newvConsole()你打包后一样可以调试，看哪里出错，调试完成不需要了直接删除main里面的两个引用代码就可以了，就是这么简单

yehuiyuwei·2020-08-22 15:11

基于Vue的Ui框架

基于Vue的Ui框架饿了么公司基于vue开的的vue的Ui组件库ElementUi基于vuepc端的UI框架MintUi基于vue移动端的ui框架http://element.eleme.io/http

weixin_33857230·2020-08-22 14:54

vue：安装less

less-loader'}在vue页面使用less关于vue移动端px转rem方法请点击，

Mosowe·2020-08-22 13:22

vue移动端如何使用vconsole调试工具。

开发移动端项目的时候，虽然可以用chrome的模拟器，但是，毕竟和真机，在有些时候，是对不上的。还是需要真机调试。那如何在移动端真机上像chormedevtolls来调试程序呢？推荐工具VConsole第一步，安装npminstallvconsole第二步，在main.js中实例化一个vconsole实例，才能生效main.js//引入vconsole调试，正式上线需要删除importVConso

qq_42991509·2020-08-22 13:02

基于Vue-Cli3的Vue移动端企业级工程架构

基于Vue-Cli3的Vue移动端企业级工程架构本项目是基于Vue-Cli3脚手架，应用VW的自适应解决方案构建的移动端企业级工程项目，下面会一步步构建起项目结构。

Gavin·2020-08-22 13:40

推荐频道

Vue移动端