vue移动端

vue移动端底部按钮隐藏

可以根据路由传参来控制//在需要控制的组件12```````//路由js文件{path:'/my',name:'组建名',component:组件,meta:{navShow:false}},
昵称啦啦啦·2020-02-12 08:29

VUE开发一个组件——移动端弹出层（IOS版）

前言再造一轮，vue移动端弹出层，包括confrim询问框，tips提示框，popup选择器等。
Javanx·2020-02-08 09:42

vue移动端城市列表按首字母排序组件包，有npm包，可直接下载使用

初衷，为各使用相关组件的小伙伴写更少的相关代码实现功能，源码在我的被另一篇博文里有，有兴趣的可以去研究，使用过程中有问题的请即时反馈，谢了！qq（微信）591339209，有其他常用到的组件也可以反馈给我，酌情封装！另外要是这个组件还有什么需要优化，或者有哪里使用还不方便的都请反馈一下，留言反馈也没问题。效果图：20180719165601791.png需依赖包better-scroll,包名：w
前端温童鞋·2020-02-06 16:10

Vue移动端像素解决方案postcss-pxtorem

1.安装npminstallpostcss-pxtorem--save-dev2.配置打开.postcss.js文件（没有则新建一个）module.exports={"plugins":{"postcss-import":{},"postcss-url":{},//toedittargetbrowsers:use"browserslist"fieldinpackage.json"autoprefi
小仙有毒_1991·2020-02-06 13:21

vue移动端 better-scroll插件完成上拉加载更多

better-scroll来做下拉刷新和上拉加载特别方便。可直接复制在vue-cli中使用步骤：一、下载better-scrollnpminstallbetter-scroll-S二、组件中引入松手刷新数据...{{item}}加载更多...importBScrollfrom'better-scroll'exportdefault{data(){return{dropDown:false,up:f
栋栋很优秀啊·2020-01-25 21:55

vue移动端使用canvas签名的实现

效果canvas画板移动端.gif需求  在一些项目业务中，经常会使用到画板，让用户自己去写/画一些东西做标示，比如说在线签电子合约、签名等，如果不用插件，那么如何使用h5的canvas画布来实现这一需求呢？【本篇只讨论移动端，PC端请看上篇】分析  很明显，我们需要一个canvas，关于canvas的一些基本操作可以在w3school或者别的一些平台上熟悉一下，其实本例也是基础操作。本案例在vu
流眸Tel·2020-01-15 09:18

vue移动端项目架构设计（附demo）

引言记录vue项目中所使用的技术细节，此文着重使用和封装层面，原理性的东西会附上参考文章链接。建议clone下来代码看文章：vue-template-project麻烦动动小手点个star哦。项目初始化技术选型结合vue生态，此移动端项目模板使用如下技术：前端框架——vuevue状态管理——vuexvue路由管理——vue-router请求方式——axios样式管理——less包管理——npm/c
LM林慕·2020-01-10 01:54

Vue移动端项目配合第三方ui库快速搭建开发环境

//copycnpminstall--savees6-promisecnpminstall--savebabel-polyfillcnpminstallfastclick-Scnpmilib-flexible-Scnpminstallpx2rem-loader-S-dcnpminstallvuex-Scnpminstallaxios--savecnpminstallstylus--save-dev
大象无痕·2020-01-07 06:30

vue移动端框架到底哪家强

Weex2016年4月21日，阿里巴巴在Qcon大会上宣布跨平台移动开发工具Weex开放内测邀请。Weex是一套简单易用的跨平台开发方案，能以web的开发体验构建高性能、可扩展的native应用，为了做到这些，Weex与Vue合作，使用Vue作为上层框架，并遵循W3C标准实现了统一的JSEngine和DOMAPI，这样一来，你甚至可以使用其他框架驱动Weex，打造三端一致的native应用。Wee
全栈弄潮儿·2019-12-30 02:33

vue移动端自适应布局（基于vue-cli）

本篇文章引自http://blog.csdn.net/z1712636234/article/details/77881685；1.安装lib-flexiblnpmilib-flexible--save2.在项目入口文件main.js中引入lib-flexibleimport'lib-flexible/flexible.js'3.在项目根目录的index.html头部加入手机端适配的meta的代码
菜鸟搬砖·2019-12-29 06:17

Vue移动端实现图片上传及超过1M压缩上传

本文实例为大家分享了Vue移动端实现图片上传及超过1M压缩上传的具体代码，供大家参考，具体内容如下1、实现效果2、代码Html：添加图片Css：使用了less，需要引入less，才能使用（npminstalllessless-loader
卜卦丶cc·2019-12-23 14:12

转载vue移动端搭建

从零开始搭建vue移动端项目到上线初始化项目1、在安装了node.js的前提下，使用以下命令npminstall--gvue-cli2、在将要构建项目的目录下vueinitwebpackmyproject
吃茶叶蛋·2019-12-17 13:29

vue2.0移动端触摸反馈指令

Vuev2.0自定义指令顾名思义，这个是为vue移动端web项目打造的触摸反馈指令，高度模拟App反馈效果；比如点击一个按钮会有样式反馈;默认是透明度的变化反馈，当然你也可以自定义样式；Github##
昨天之前·2019-12-14 18:35

vue移动端安卓软键盘弹出底部按钮顶起

在做一个基于企业微信的h5移动页面时，当软键盘弹出时，底部fixed定位在ios上没事，安卓手机上，底部按钮会被顶起到软键盘，查看原应时由于软键盘顶起时，安卓设备的视图会变小。造成固定定位按钮呗顶起。多方查询，并且自己用过后，觉得下面两种方式各有利弊。闲话不说了，看代码吧一、显示隐藏处理这种处理有点局限性，不关闭软键盘，底部按钮不会显示出来。好处是不会卡顿。data(){return{screen
华子_tm·2019-12-12 15:27

vue移动端组件库Vant

大家熟知适用于Vue的组件库很多在做移动端的Vue项目中适用Mint-UI,Mui,Vant这三个，但在我做项目中这三个组件都用过，前两个坑很多（Mint-UI,Mui），在引入相关组件之后，会出现路由无法配置，图标无法更改等一系列问题，强烈推荐使用Vant！！！！！Vant官网有详细安装说明https://youzan.github.io/vant/#/zh-CN/quickstart自己总结的
关玺·2019-12-07 11:46

Vue之ElementUI框架的使用

1.elementUI的使用1.1elementui简介基于Vue的Ui框架饿了么公司基于vue开的的vue的Ui组件库ElementUi基于vuepc端的UI框架MintUi基于vue移动端的ui框架
若水一剑·2019-12-04 21:00

Vue移动端项目搭建

首先新起一个项目vueinitwebpactprojectName解决适配问题引入lib-flexible和px2rem-loader,打开build文件夹，编辑utils.jsexports.cssLoaders=function(options){options=options||{}varcssLoader={loader:'css-loader',options:{minimize:pro
简不才·2019-11-29 07:36

记录Vue移动端项目开发

比较复杂的几个功能点一：列表勾选反选更新上传二：裁剪图片三：需要考虑手机适配：安卓物理返回键四：需要适配网页端和手机端（因为是同一套代码）五：勾错选错重新出卷，中间逻辑比较复杂六：打包成手机端需要进行一些元生的功能：分享，则需要使用H500lus七：想要增加页面复用性，入口多需要不同传参展示不同效果八：把前端代码打包成为APK安装包
啾的跟屁虫·2019-11-26 16:27

vue移动端使用appClound拉起支付宝支付

1-首先在config.xml中进行配置~~~~2-在自己的应用中添加支付宝支付的模块3.使用支付宝模块进行拉起支付宝if(res.data.code==200){//拉起支付宝//开发者通过payOrder方法来进行支付，自己处理订单信息以及签名过程console.log("自己处理订单信息以及签名过程请求:");varaliPay=api.require('aliPay');aliPay.pa
那年·2019-11-22 11:27

vue移动端模态框（可传参）

1-封装模态框组件Mydialog(样式可以自己写){{modal.title}}-->>{{modal.cancelButtonText}}{{modal.confirmButtonText}}-->exportdefault{props:{visible:{type:Boolean,default:false},options:{type:Object,default:{}}},//采用v-b
那年·2019-11-21 05:26

vue移动端音乐---使用QQ音乐数据

项目预览视频：https://www.bilibili.com/video/av76348323项目github地址：https://github.com/8127yyq/vue-musicPlay技术栈vuevue-routervuexjsonpaxiosmixins相关的基础插件stylus：CSS的预处理框架，以及stylus-loaderfastclick：解决移动端点击延迟300ms问题
vicky_yongqi·2019-11-20 12:46

Vue移动端搜索页面的历史记录写法

Vue移动端搜索页面的历史记录写法前言本文用于记录对于搜索页的历史记录的学习。预览先上两张图，分别为展示隐藏搜索列表和历史记录。
小鸟游露露·2019-11-19 10:30

Vue移动端UI框架

自从Vue成为前端的主流框架之后，各家UI框架也越来越多，今天重点聊一聊移动端的那些框架吧，Vue移动端框架到底哪家强？以下排名不分先后，开发过程中根据自己的具体业务需求来做选择。
祈澈菇凉·2019-09-23 19:10

vue移动端轻量级的轮播组件实现代码

一个简单的移动端卡片滑动轮播组件，适用于Vue2.xc-swipe2.0全新归来。重写了全部的代码，更靠谱的质量，更优秀的性能EnglishDocument安装npminstallc-swipe--save使用注册组件//main.js//引入c-swipe主文件import'c-swipe/dist/swipe.css';import{Swipe,SwipeItem}from'c-swipe';
·2019-09-23 04:03

vue移动端实现下拉刷新

看完这篇文章，相信大伙也一样可以，做出一个自己的刷新，加载的组件说这个功能之前，大家要先了解一下，要怎么触发滚动条事件。一定要注意，所有滚动事件都必须要满足这个条件，横向滚动条也一样，只要满足子元素宽度大于父元素宽度就可以了。（下篇文章会讲怎么实现一个横向滚动条）接入正题！！！先来看看怎么剖析这个下拉刷新。要用到的移动端的三个事件：touchstart(手指按下)，touchmove（手指移动），
·2019-09-23 03:53

详解vue移动端日期选择组件

先给大家分享一下源码：https://github.com/lx544690189/vue-mobile-calendarBuildSetup#installdependenciesnpminstall#buildforproductionwithminificationnpmrunbuildUsageinstallnpminstallvue-mobile-calendaror:(fromthed
·2019-09-22 16:31

优秀的基于VUE移动端UI框架合集

1.vonic一个基于vue.js和ionic样式的UI框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格star2.3k2.vux基于WeUI和Vue(2.x)开发的移动端UI组件库star10k基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。3.MintUI由饿了么前端团队推出的MintUI是一个基于
qq_21683643·2019-09-19 09:26

Vue移动端组件库之弹框组件

弹框是移动端上比较常用的一类组件了，用于提示消息、与用户交互等效果展示弹框种类常见的弹框可以分为三种吧：一种就是单纯的提示框，用于传递消息，比如提示请求出错等；另一种是确认框，在进行一些不可撤销的操作时，提示用户是否继续，可以避免误操作；最后一种就是带有输入框的提示框，功能就不必再说了吧组件设计考虑到弹框组件与一般的组件的调用方式不一致，所以没有使用Vue.component的方式注入组件，而是使
画船听雨眠·2019-09-02 00:00

vue移动端实现手机左右滑动入场动画

本文实例为大家分享了vue移动端实现手机左右滑动入场的具体代码，供大家参考，具体内容如下app.vueimportPlayfrom'.
Vam的金豆之路·2019-08-26 08:56

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

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

Leafletjs--点、线、多边形的绘制

0.其它链接：vue移动端商城实战项目链接：百度地图--点聚合+弹窗事件链接：Leafletjs官网参考：Leafletjs参考学习的文章（4星半）参考：leaflet自定义Marker（4星）1.关于地图控件百度地图
i摸鱼喵·2019-08-15 13:54

vue移动端input上传视频、音频

vue移动端input上传视频、音频html部分现场视频上传视频现场音频频上传音频js部分getVideo(ev,typer){lettaht=this//获取上传文件标签letfilesId=document.getElementById
wild_guiqulaixi·2019-08-08 15:24

vue移动端城市三级联动组件使用详解

本文实例为大家分享了vue移动端城市三级联动组件的具体代码，供大家参考，具体内容如下先看效果图以下组件代码取消完成{{item.name}}{{item.name}}{{item.name}}exportdefault
Ajaxguan·2019-07-26 15:33

vuejs移动端实现div拖拽移动

vue移动端实现div拖拽移动，供大家参考，具体内容如下本文讲述，在使用VUE的移动端实现类似于iPhone的悬浮窗的效果。
mcya·2019-07-25 16:02

vue移动端适配

移动端项目，最麻烦的就是去写适配，我们都知道使用viewport最近写了一个移动的项目推广，收到大佬的推荐，开始使用新的淘宝适配插件 http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js使用方法也很简单，直接贴步骤：2:他是基于font-size:75px;所以我们的css样式测量的px/75就是我们想要的re
AnlanJion·2019-07-17 13:17

vue移动端扫一扫（history模式下）

出现的问题：ios会有bug原因：ios上history模式下的url不会刷新，一直是刚进入移动端的那个url解决方法：1.如果是刚进入移动端的页面就调用扫一扫，传参的url是正确的2.如果跳转到下一个页面才进行扫一扫，url就不正确（1）方法一：使用window.location.href进行跳转，ios上的url就会刷新（2）方法二：正在寻找beginScan(){let_this=this;
一条小团团ovo的就很棒·2019-06-27 16:59

Vue移动端右滑屏幕返回上一页附源码下载

本文结合实例讲解如何实现Vue移动端右滑屏幕返回上一页。查看演示下载源码安装依赖使用npm安装vue-directive-touch组件。
月光光·2019-06-26 08:58

Vue PC端框架和Vue移动端UI框架(转载)

转载地址：https://www.jianshu.com/p/c9cd8bc90b75原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe1VuePC端框架1.Element中文文档：http://element-cn.eleme.io/#/zh-CNgithub地址：https://github.com/ElemeFE/element2.iVie
糖醋里脊120625·2019-06-22 17:20

vue移动端px自动转换vw适配

在vue移动端的项目使用vw适配的效果要优于rem适配。
光头小青蛙·2019-06-16 11:04

解决Vue移动端事件延迟的问题

更改meta标签引入fastclick及一系列操作if('addEventListener'indocument){document.addEventListener('DOMContentLoaded',function(){FastClick.attach(document.body);},false);}if(!window.Promise){document.writeln(''+'')}
yang·2019-06-11 00:00

优秀的基于VUE移动端UI框架合集

优秀的基于VUE移动端UI框架合集1.vonic一个基于vue.js和ionic样式的UI框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格star2.3k中文文档在线预览2.vux基于WeUI和
HHT15927087748·2019-05-16 18:36

vue移动端实现左滑编辑/删除

根据项目需要使用Vue-touch实现了一个vue移动端的左滑编辑和删除功能，废话不多说，先看效果图，然后上代码吧！
赵小懒猪cium·2019-05-08 11:20

vue前端UI框架，一点都不圆润，盘它！

Vue移动端UI框架1、Vux（star:15620)VUX（读音[v’ju:z]，同views）是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。
张培跃·2019-05-03 20:23

vue前端UI框架，一点都不圆润，盘它！

Vue移动端UI框架1、Vux（star:15620)VUX（读音[v’ju:z]，同views）是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。
张培跃·2019-05-03 20:23

vue移动端屏幕适配详解

flexiblevue移动端屏幕适配,查看项目地址效果预览#项目[email protected]:NicolasGui/flexible.git#进入项目目录cdflexible#
尼古拉斯贵哥·2019-04-30 14:34

vue 移动端完整项目搭建（三）使用vw实现移动端适配

我们在vue移动端项目中的适配一般都采用rem，但是rem也不是能兼容所有的终端。随着viewport单位越来越受到众多浏览器的支持，下面将简单介绍怎么实现vw的兼容问题。
Alter_c474·2019-04-30 10:25

vue 移动端的软键盘对页面css布局影响的解决办法-底部样式被顶起

vue移动端的软键盘对页面css布局影响的解决办法-底部样式被顶起出现的问题是：输入框聚焦时，手机自带的弹出框把原来的样式顶起。
wild_guiqulaixi·2019-04-20 22:25

详解vue移动端项目代码拆分记录

撸一套vue多端共用，非常适合需要快速且全面上线的项目。但是多端共用一套vue代码，由于平台间的互相限制，每端在某些业务例如支付分享等是完全独立的代码，每个平台的支付方式也会有所差异，造成在这些业务的实现过程中会有太冗余的“ifelse”判断。所以为了提高代码的复用性、扩展性，可以将代码拆分，以-小程序和App两端举例，一份部署到小程序，一份部署到App（Android&Ios）。首先代码拆分应该
坐不住的程序员·2019-03-15 11:48

2019-03-14

vue移动端开发记录二1.安装node.Js环境https://nodejs.org/en/官网地址（建议不要安装在系统盘）2.安装yarnhttps://yarn.bootcss.com/docs/install
TCtimo·2019-03-14 13:35

vue项目配置Mock.js

今天继续完善我之前的项目架构，从零开始搭建vue移动端项目到上线，有需要的同学可以看下，方便的话，顺便给个star！
Mr、Gao·2019-03-12 16:00
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他