vue移动端第11页

移动端h5原生分享到朋友圈、微博等

结合nativeshare和m-share两个包生成一个vue移动端的分享组件需要npminstallNativeShare--save和npminstallm-share--saveshareBar.vue

laumlin·2020-06-28 21:34

关于vue移动端 ios 的兼容问题

最近在做微信公众号web页面遇到了以下的问题,关于ios，准确的说是safari浏览器的问题1.关于cookie携带的问题这方面可以查看微信公众平台的技术文档的微信网页开发的iOSWKWebview网页开发适配指南中找到答案文档中是这样描述的1\跨域存取Cookie问题说明:在访问一个页面A时，如果页面A引用了另一个页面B的资源（页面A和B为不同的域名），这时页面B就被认为是第三方页面。若在页面B

weixin_34392843·2020-06-28 18:56

vue移动端日期选择组件

vue-mobile-calendaravuecomponentofcalendarformobile移动端日期选择器（>=vue2.0）点击查看DEMO，或手机扫描下方二维码使用方法npm安装npminstallvue-mobile-calendarimportCalendarfrom'vue-mobile-calendar'Vue.use(Calendar);外部引用方式，引入目录文件disk

weixin_34384557·2020-06-28 18:10

Vue移动端图表库(饼状图，柱状图，折线图....)——oview

oview是基于vue和f2封装的移动图表库，有兴趣的同学欢迎使用。oViewVue.js移动端图表库oView是基于蚂蚁金服F2图表库的二次封装，以便于Vue.js开发者在移动端和PC端更好进行图表的展示。NPM安装npminstalloview--save复制代码推荐使用npm安装，享受安装依赖包带来的便利，同时也建议使用个人开发Vue项目使用的VueSPA模板;当然Vue官方提供的cli模板

weixin_33910434·2020-06-28 07:21

解决vue移动端适配问题

1，先看看网上关于移动端适配讲解再聊移动端页面适配，rem和vw适配方案！基础点：rem相对根节点字体的大小。所以不用px;根字体：字体的大小px;px：你就当成cm(厘米)这样的东西吧；基准：750设计稿；这是方案的基础理论，在这个基础上，我们还要搞明白，到底要干一件什么事情！目标一、手机适配：就是页面上的尺寸，无论高度，还是宽度，还有字体，随屏幕的宽度变化！这里是屏幕宽度！是不是想到了vw，对

weixin_33858249·2020-06-28 06:30

二维码扫码跳转&页面重定向

标签：二维码页面重定向vue移动端混合开发总结本质：手机app扫码本质是访问二维码携带对应链接。

weixin_33829657·2020-06-28 06:54

vue移动端的自适应布局的两种解决方案

目标:前端开发移动端及H5时候，不需要再关心移动设备的大小，只需要按照固定设计稿的px值布局基础知识dpr（设备像素比）css的像素px不等于设备像素/分辨率/各种值，css的px可以简单理解为虚拟像素，与设备无关，css的px需要乘dpr计算为设备像素；几个移动端常用的单位rem、vw、vh，配合传统的px、百分比、标签，兼容适配移动端的各种分辨率的手机端。单位简介rem顾名思义，rootemp

weixin_33691700·2020-06-28 03:25

vue移动端 vw布局配置

参考：请先阅读大漠写的vw-layout-in-vuevuecli2.x版本：第一步：Vuecli2.x安装npminstall-gvue-cli桥接工具：npmi-g@vue/cli-initvueinitwebpackvue-mobile第二步：安装PostCSS相关插件：postcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-

Ringo_Nanami·2020-06-27 18:57

vue移动端富文本编辑器vue-html5-editor

简介IntroVue-html5-editor是一个Vue的富文本编辑器插件，简洁灵活可扩展，适用于vue2.0以上版本，支持IE11.Vue-html5-editorisanhtml5wysiwygeditorforvue,easyandflexible,compatiblewithVue.js2.0+,supportIE11.点击查看演示效果Demoishere安装InstallationNp

王永存·2020-06-27 12:43

基于Vue 的常用移动端框架

移动端框架：该文章参考来源于：[Vue移动端UI框架](https://www.cnblogs.com/tt-ff/p/11698959.html)1、Vux中文文档在线预览Vux是基于WeUI和Vue.js

爱健身滴程序员·2020-06-27 09:46

vue移动端轮播图（触摸滑动滚动、自动轮播、无缝滚动、循环无回滚）

移动端轮播图——Vue喜欢的小伙伴可以和我互相关注哦有任何疑问都可以私聊我互相学习，共同进步pc端轮播图主页里也有哦还是老样子，先看效果图具体实现代码解析HTML结构数据说明imgArr:[{src:'./img/1.jpg'},{src:'./img/2.jpg'},{src:'./img/3.jpg'},{src:'./img/4.jpg'}],flag:true,//节流阀防止快速滑动cir

fuux·2020-06-26 00:57

vue移动端的日期插件带农历

最近项目中需要用到一个日期选择器，百度了一下，貌似带农历的移动端的日期插件比较少，最后在github上找了个算是比较合适的改了改差不多。以下是效果图：以下是代码的实现：第一步：安装依赖npmimpvue-calendar。成功后在node_modules里面会找到如下文件注意browser-style.css是浏览器端的样式，style.css是小程序端的，注意区分。第二步：新建一个vue组件，引

蟑螂恶霸Ggg·2020-06-25 21:38

vue移动端中实现日历效果

前言：在需要一个移动端的日历效果时，找了很多资料，这里分享下我找的两个资料，一个是使用了插件vue-hash-calendar，还有一个是自己封装的组件。我这边最终实现效果：一、vue-hash-calendar使用教程：github地址入口1、npm装插件cnpmivue-hash-calendar2、main.js中配置//在入口文件中（main.js），导入组件库importvueHashC

浩星·2020-06-25 20:33

vue移动端，使用腾讯提供的JS SDK实现第三方登录

1.首先需要申请接入QQ登录，并成功获取到appid和appkey1-1在QQ互联上先申请为开发者1-2申请审核通过之后在首页上方点击应用管理，然后创建应用选创建网站应用1-3注意：这个回调地址是登录成功后的跳转地址，多个时用分号;隔开，且有条件限制，具体规则看文档介绍1-4都审核通过以后就可以开始介入啦，appid在这里看，点击查看可查看appkey（JSSDK登录没用到appkey）2.开始接

Zeng.K.R·2020-06-25 20:29

原生js监听页面滚动事件

这次在做vue移动端的项目时有一个场景是列表上拉加载数据，这种情况肯定是在mounted中给window加上一个滚动监听，记住这里要提前定义好this如果你有用到this的话，因为监听也算是异步操作，没有提前定义的话会报错

养只猫·2020-06-25 18:35

vue移动端图片预览组件

更新说明：1.02版本采用show属性值控制组件的显示与隐藏，不再使用v-if！！安装：npminstall-sw-previewimg或yarnaddw-previewimg在线预览地址：https://wenyuming.github.io/w-demos/dist/index.html#/previewimgDemo预览时请按f12，在移动端模式下预览由于预览网址带宽比较低，加载图片会比较慢

qq_39258914·2020-06-25 15:22

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

qq_39258914·2020-06-25 15:21

vue移动端商城 vant框架使用笔记

安装axios、vuexnpminstallaxiosnpminstallvuex--save移动端必备：reset.css:https://meyerweb.com/eric/tools/css/reset/html{font-size:26.67vw;width:100%;height:100%;}body,#app{width:100%;height:100%;}div{box-sizing

开心就好1314520·2020-06-25 14:38

Vue移动端图表库(折线图，柱状图，雷达图等)——oview

oview是基于vue和f2封装的移动图表库，有兴趣的同学欢迎使用。oViewVue.js移动端图表库oView是基于蚂蚁金服F2图表库的二次封装，以便于Vue.js开发者在移动端和PC端更好进行图表的展示。NPM安装npminstalloview--save推荐使用npm安装，享受安装依赖包带来的便利，同时也建议使用个人开发Vue项目使用的VueSPA模板;当然Vue官方提供的cli模板固然优秀

mrgaoblog·2020-06-25 06:03

使用vue开发移动端app 暂停更新中

使用vue开发移动端app持续更新中开发前准备Vue移动端框架参考资料vuejs2.0高级实战全网稀缺音乐WebAPPVue2.0开发企业级移动音乐APP–导学–附github源码网易云音乐接口+vue

皇族紫宸·2020-06-25 04:05

vue移动端弹框组件

这里说一下vue-layer-mobile插件的使用一、npm安装//当前最新版本1.2.0npminstallvue-layer-mobile//如新版遇到问题可回退旧版本[email protected]二、调整配置：因为这个组件中有woff,ttf,eto,svg类型文件，所以要配置一些loader//在webpack.config.js中配置如下，首先安装ur

马优晨·2020-06-25 01:28

Vue移动端h5使用canvas生成海报带有分享码

请长按图片保存切换海报importTitleBarfrom"../../../components/titleBar/TitleBar.vue";import{Component,Prop,Vue}from"vue-property-decorator";import{PosterCanvasParams}from"./data";import{showLoading,hideLoading}fr

peachtang·2020-06-24 19:16

vue移动端页面跳转过渡动画

结果：与微信页面跳转一样的过渡动画如下123.gif直接上代码//inApp.vue.........data(){return{keepAlive:'main-keep-alive',//需要缓存的页面例如首页transitionName:'slide-right',//初始过渡动画方向}},watch:{$route(to,from){//切换动画letisBack=this.$router.

OnceWhite·2020-06-24 12:00

创建一个完整的vue移动端项目配置

vue的安装及创建一个新项目前一篇文章已经介绍过了，有需要的请看之前的文章移动端项目一、关于移动端的一些ui框架1.Voinc一个基于vue.js和ionic样式的UI框架（https://wangdahoo.github.io/vonic-documents/#/?id=%E4%BB%8B%E7%BB%8D）2.Vux基于WeUI和Vue(2.x)开发的移动端UI组件库（https://vux.

lei_0912·2020-06-24 03:15

vue移动端rem布局

rem布局主要通过修改页面html跟元素的字体大小从而导致rem与px的转换比例发生改变。页面引入这段js!function(e,t){functionn(){t.body?t.body.style.fontSize=12*o+"px":t.addEventListener("DOMContentLoaded",n)}functiond(){vare=i.clientWidth/10;i.styl

web全栈入门·2020-06-23 16:28

vue移动端解决返回主页缓存滚动条不重置顶部的问题

我的项目是有一个带有滚动条的列表数据,当滚动条滑动好几页之后点击其中一条数据进入详情页之后,在详情页有返回按钮,返回的时候希望还在当前位置,而不是重置到顶部,对用户体验及其不好,试了好多种方法,最终也是实现啦,话不多说看代码吧一…首先为需要保留滚动条的组件开启缓存,在router.js中写上如下代码:exportdefaultnewRouter({mode:'history',routes:[{p

柠檬icon·2020-06-23 15:16

vue移动端监听滚动条高度的方法

这两天做移动端项目遇到的问题，就是当滚动条下拉到一定的高度的时候，让某个东西固定定位到顶部首先做的如何监听滚动条的高度，下面是我写的方法var_this=thiswindow.addEventListener('scroll',function(){varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;if

guo一清·2020-06-23 11:48

Vue移动端项目模板h5

基于版本vue2.6的一个集成移动端开发插件的Vue移动端模板包含1、css:使用stylus开发css集成reset样式文件修改UI组件文件统一样式处理(如主题色等)2、UI组件使用热门的移动端vue

蓝胖子1096·2020-06-23 10:00

Vue移动端手机六位数密码框

手机六位数密码框思路为创建六个只读密码框设置样式在外覆盖一个透明的密码框然后设置输入事件判断输入的长度来在时间里为只读密码框输入值直接上代码Document#phonePassword{position:relative;width:500px;height:500px;margin:auto;}#phonePasswordinput{width:60px;height:60px;border:1

奥皮·2020-06-22 15:41

VUE移动端01:生成项目及基本配置

学习慕课网音乐APP总结,基础配置1.vue-cli初始化项目2.移动端meta配置3.下载依赖(编译解决移动端点击延迟300ms)cnpmibable-runtimefaseclick--savecnpmibabel-polyfill在main.js首行引入import'babel-polyfill'引入vue之后引入importfastclickfrom'fastclick'使用fastcli

陌上桑_浅·2020-06-22 07:41

vue选择时间日期日历插件 : vuejs-date-calendar

vue移动端时间日期日历选择插件Demo（推荐手机端打开）https://zhangyongwnag.github.io/vuejs-date-calendar/example/#/Home一、下载npminstall

前端小小白zyw·2020-06-22 07:40

vue移动端h5中a标签下载/预览文件

需求：项目分PC端和移动端，PC端（react）以实现列表页附件下载，现需同步移动端（vue）h5页面在原有的列表页中增加一行查看（下载）附件。只写结构，暂不考虑其他，增加附件行的代码如下：附件：点击列表页本身的每一个方框会跳转一个详情页，同理点击下载发票附件时也会，需要处理一下点击a标签时的穿透问题。这里我给span加上一个点击事件，事件里边写上event.stopPropagation()me

Thelittlewhale·2020-06-22 06:00

vue移动端使用console的神器vconsole来调试

前几天开发微信项目的时候传图片在电脑上完全ojbk，但是在我的手机上一直失败。于是就无从下手了，然后同事告诉我有个vConsole，我去百度了一下，看了几分钟用上之后就轻松地从network里面看到请求返回的错误，登陆过期。顺藤摸瓜解决了问题，所以来记录一下。vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试工具。引入js的就不说了，我不喜欢那么做，相信很多人也不喜欢，还是用npm安

Red_SevenWords·2020-06-22 04:52

vue移动端项目px转化rem

前端开发者都知道，pc端使用的是px像素值，而移动端项目需要使用到rem，两者之间的通常是需要换算的，显得非常麻烦，后来通过查找适用插件非常方便！！！vue项目移动端插件flexible配合vue脚手架使用非常方便首先：首先你需要使用脚手搭建架一个项目，搭建步骤就不说了…然后安装lib-flexiblenpmilib-flexible--save然后在main.js引入使用import'lib-f

ITbearer·2020-06-21 22:13

vue移动端日历组件封装

最近项目需求，需要做一个移动端的日历，类似于安卓原生日历。网上找了很多成熟的插件都不是想要。偶然的机会发现某篇博客上有人写的有类似的，于是拿过来稍加改造，终于可以用了。在这里非常感谢这位博主，省去我很多的开发时间。附上此博客地址：https://blog.csdn.net/yin_you_yu/article/details/81126513废话不多说，直接附上代码供大家参考：{{currentM

CloudEmperor·2020-06-21 12:08

vue移动端字体大小设置

constsetRemUnit=()=>{constdocEl=document.documentElement;//IPhone6下750像素来设计，实际像素375px，1rem为50pxconstrem=docEl.clientWidth/7.5;docEl.style.fontSize=`${rem}px`;};constpageShowCallback=(e)=>{if(e.persist

weixin_30563917·2020-06-21 10:02

vue+typescript+elementUI构建项目

最近搭建了一个vue移动端的项目，使用mock模拟接口,axios封装网络请求,elementUI配置的按需引入组件,适合刚入门不会搭建项目的或者是懒得自己搭建项目的同学,开箱即用,喜欢的给个小星星。

执着明日·2020-05-29 07:11

vue移动端引入swiper

最终效果：注：vue版本：2.5.2vue-awesome-swiper版本：3.1.3，如果需要使用swiper不需单独引入1.引入[email protected].页面使用3.组件中引入importVuefrom"vue";importVueAwesomeSwiperfrom"vue-awesome-

csdngaofeng·2020-05-27 17:23

Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法

淘宝弹性布局lib-flexiblelib-flexible并不单独使用，而是搭配px2rem-loader一起做适配方案，目的是自动将css中的px转换成rem，在项目中还是按照设计稿写上对应的固定像素（px）就行。移动端适配的具体步骤第一步：安装插件lib-flexiblenpmilib-flexible--save-dev第二步：安装px2remloadernpminstallpx2rem-

·2020-05-26 14:51

Vue项目移动端滚动穿透问题的实现

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

馒头加梨子·2020-05-19 14:29

Vue移动端触摸事件

其实就是一个TouchEvent对象+上Vue的自定义事件，实现移动端的上滑、下滑、左滑、右滑，长按、点击组件移动端touch事件判断滑屏手势的方向]参考核心https://blog.csdn.net/qq_36979290/article/details/82252666?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFr

废弃的种子·2020-05-10 22:34

vue项目中限制input只能输入一个小数点及后两位number

我这里用的是vue移动端的vant框架中的NumberKeyboard数字键盘组件如下图这种效果↓image.png1.安装vue脚手架推荐使用Vue官方提供的脚手架VueCli3创建项目npminstall-g

程序猿阿峰·2020-04-29 13:14

关于移动端vue项目的rem适配

关于vue移动端的适配们需要用到这个插件postcss-pxtorem：转换px为rem的插件安装postcss-pxtoremnpminstallpostcss-pxtorem--save新建rem.js

布偶123·2020-04-22 13:00

vue移动端UI组件库

1、Vux(mob)：类似微信样式的移动端组件库2、MintUI(mob)：饿了么前端团队开发的移动端组件库3、Vant(mob)：有赞团队开发的移动端组件库4、cube-ui(mob)：滴滴团队开发的移动端组件库5、MUI(mob)：最接近原生APP体验的高性能前端框架6、Muse-ui(mob):基于Vue2.0优雅的MaterialDesignUI组件库7、vonic(mob):用于快速构建

刘其瑞·2020-04-12 07:13

Vue移动端UI组件库

1.vonicvonic一个基于vue.js和ionic样式的UI框架，用于快速构建移动端单页应用，很简约。中文文档|github地址|在线预览image2.vuxvux基于WeUI和Vue(2.x)开发的移动端UI组件库。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。小编在开发微信公众号的时候使用过，欢迎来

匆匆那年_海·2020-03-28 10:55

vue的UI框架--MintUI AND ElementUI

官网：http://element.eleme.io/MintUi基于vue移动端的UI框架。

汉堡大痴·2020-03-15 18:13

Vue移动端开发如何在手机端时时预览

在开发移动端的时候，特别想在真机上看自己开发出来的成果，之前用的是Ghostlab这玩意，可是呢，这玩意是要收费的，而且只有7天的体验时间，感觉有点不满足。现在分享一个更加方便的方法，是在webpack工具构建在的vue项目，实现真机实时预览...1.电脑和手机连接同一个wifi用wifi共享大师开个wifi，手机连接，这都是常规操作啦2.查询本地IP地址WIN+R，输入cmd回车，打开命令提示符

零零七的程序员·2020-03-15 01:53

VUE移动端聊天组件 THOR

WeareSuperHero!THOR-XDEMOhttp://ly.apcan.cn使用1.安装组件库npmithor-x--save2.配置main.jsimportthorfrom'thor-x'import'thor-x/dist/index.css'Vue.use(thor)聊天组件th-messageAPIPropsPropRequiredDefaultValueDescription

柳大湿·2020-03-03 16:44

vue微信授权解决方案[如何本地实现授权]

这一次的项目vue移动端电商项目，做了很多的优化。大家都知道授权需要每次都要发布到线上，本地的需要代理，这让我们很头疼。后面会介绍一个本地直接授权的方式，真的超级香。

乖摸摸头·2020-02-23 21:58

vue移动端组件库

1、cube-uicube-ui是基于Vue.js实现的精致移动端组件库。特性质量可靠由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。体验极致以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。标准规范遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。扩展性强支持按需引入和后编译，轻量灵活；扩

丿Sorry丶·2020-02-14 04:51

推荐频道

vue移动端