vue移动端

vue移动端深坑之微信浏览器相关优化方案

目前微信浏览器对前端还是比较友好的，最近正在搞的一个项目，同一个页面在iOS的夸克浏览器中页面会因为软键盘的弹出莫名其妙的移位，因为用了fixed布局，目前还没有解决，等有时间再优化适配吧毕竟微信浏览器没有发现这个问题，现在都想强制用户使用微信浏览器了，相对于dan疼各种移动端浏览器只要考虑iOS和安卓两个平台适配就好了。主要记录一下微信中开发的坑和解决方案。微信浏览器坑一：针对无法取消的titl
oOcom·2020-07-31 20:11

vue实现tab切换样式

现成的vue移动端点击tab切换样式功能。
赵小懒猪cium·2020-07-31 15:19

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

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

Vue移动端项目搭建-笔记

目录设备像素和设备独立像素CSS绝对底部和伪类:after清除浮动弹性布局图标字体制作模拟后台数据项目打包设备像素和设备独立像素1、dips：deviceindependentpixels设备独立像素2、DPR：DevicePixelRatio设备像素比DPR=设备像素/dips3、移动端开发的问题：DPR!=1解决思路：使用伪元素设置1px的边框，然后使用媒体查询，根据DPR的大小，对边框进行缩
一念流转·2020-07-30 21:36

vue移动端，基本架构搭建

vue官网#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#安装依赖，走你$cdmy-project$npminstall$npmrundev基本架子搭起来了中间用到的文件会统一放在附件里1.首先是rem布局和动画引入将rem布局js和css3动画放到文件static中，在inde
你蠢哭我咯·2020-07-30 21:25

vue移动端项目框架搭建

移动端框架搭建前段时间组队参加公司组织的技术竞赛，使用知识图谱实现了一个自动应答系统。项目使用vuecli-2搭建了一个简单移动端项目框架，包括loader、plugin、flexible布局、UI框架安装，记录一下。>AVue.jsproject##BuildSetup```bash#installdependenciesnpminstall#servewithhotreloadatlocalh
才华无限公司·2020-07-30 21:35

01-vue移动端项目(搭建项目,vant的简单基本使用)

01-搭建项目结构步骤:1.0在桌面上打开终端2.0使用终端创建一个项目执行指令：vuecreateheimatt(heimatt是项目名字+6)生成项目时选择：Manuallyselectfeatures选择自己项目中需要用到的特性：babel、vuex、vue-router、cssPre-process、eslint是否开启history模式,选no选择一个css预处理器,选less选择esl
Tangoneone·2020-07-30 21:02

Vue移动端项目搭建

先新起一个项目vueinitwebpactprojectName安装vueUI库npminstall--savemint-ui-引入importMintUIfrom'mint-ui'import'mint-ui/lib/style.css'Vue.use(MintUI)引入lib-flexiblenpmilib-flexible--save在main.js中引入lib-flexibleimport
张宇zhy·2020-07-30 21:48

前端小白写的Vue+Koa2+Mysql移动商城

本人前端新手，最近费劲脑汁撸了个vue移动端商城，请大佬们帮忙点评一下。
weixin_33981932·2020-07-30 20:00

vue移动端上拉加载

{{item}}exportdefault{data(){return{list:[],num:1,};},created(){this.rember();},methods:{rember(){//console.log("123");for(vari=0;i=2100*this.num){this.rember();this.num+=1.2;}},},};.scroll-box{height
路宝的link·2020-07-30 18:00

解决vue移动端适配问题，vue-cli3+vant-ui等第三方UI组件引入适配

1.首先把安装amfe-flexible，这里使用npminstallnpmi-Samfe-flexible复制代码2.在入口文件main.js中引入import'amfe-flexible/index.js'复制代码3.在根目录的index.html的头部加入手机端适配的meta代码复制代码4.安装postcss-pxtorem是一款postcss插件，用于将单位转化为remps：前提是ui设计
weixin_33788244·2020-07-30 17:11

关于Vue移动端框架（Muse-UI）的使用（说明书，针对不愿看文档的童鞋）

一、安装1、npm安装npmimuse-ui-S或者CDN安装2、字体安装如果你想使用muse内置的Roboto字体，这里可以选择安装3、字体图标这里必须先引入图标，才可以显示图标。二、引入使用1、完整importVuefrom'vue';importMuseUIfrom'muse-ui';import'muse-ui/dist/muse-ui.css';Vue.use(MuseUI);newVu
Vam的金豆之路·2020-07-30 16:22

SSM与VUE移动端跨域总结

1、配置跨域过滤器：注意这里不能使用***不即能使用全局，不然会导致cookie无效。httpServletResponse.setHeader(“Access-Control-Allow-Origin”,“**”);特别注意我们的Access-Control-Allow-Headers信息packagefilter;importjava.io.IOException;importjavax.se
weixin_44019026·2020-07-30 13:58

vue移动端项目搭建

本项目搭建适用于h5移动端的vue项目搭建，主体是基于vue-cli3脚手架，目的在于搭建个可用于快速启动项目的基础框架。话不多说，马上动手搭建：1.安装vuecli3注意VueCLI3需要nodeJs≥8.9(官方推荐8.11.0+）npminstall-g@vue/cli2.新建项目vuecreateprojectname选择配置：首先是选择预设：第一个是上次本人新建保存的预设，首次预设只有下
lulu_c·2020-07-29 15:36

vue移动端适配且忽略指定文件不影响ui组件样式

1.下载npminstallpostcss-px2rem-exclude--savenpminstallamfe-flexible--save2.main.js引入import'amfe-flexible'3.postcss.config.js配置constautoprefixer=require('autoprefixer');constpxtorem=require('postcss-px2r
weixin_42670357·2020-07-29 07:43

vue移动端复杂表格表头，固定表头与固定第一列

复杂表格表头前言最近做移动端的h5项目，要做一个可配置表头的复杂表格，网上找了很久也没什么好方法，结合网上的一些例子，在此做一了一个完整的vue版的例子。效果无图无真相，先上最终效果图再说。table.gif方法一：iscroll插件版第一步：npminstall引入iscrollnpmiiscroll--save第二步：封装对插件再做一层封装，封装成iscrollTable.js方便调用，代码如
是夜尽天明呀·2020-07-29 06:59

vue移动端项目中返回上一路由页面、根据当前路由信息控制返回键的显示与隐藏

最近在做一个小型的vue移动端项目（自己练手），遇到的两个问题记录一下：问题1：如何使用点击方式控制当前页面返回到上一个路由页面：在网上查阅了相关的资料，返回上一目录用到的是this.
黑孩er·2020-07-29 06:07

vue移动端图片上传

一、服务端环境准备本文服务端主要为nodejs,利用multer中间件完成图片上传功能。服务端安装express框架和multer。npminstallexpress--savenpminstallmulter--save服务端启动文件代码：varexpress=require('express');varapp=express();varfileRouter=require('./src/rou
qq_33203555·2020-07-29 05:53

vue移动端转rem，px2rem-loader使用方法

可以自动转rem1、下载lib-flexiblenpmilib-flexible--save2、main.js中添加import'lib-flexible/flexible'3、安装px2rem-loader"px2rem-loader":"^0.1.9",npminstallpx2rem-loader--save在build文件下的utils.js文件中配置constpx2remLoader={
Dreamer_xr·2020-07-29 00:39

vue移动端侧滑面板组件

以下这段都是废话，请跳过公司移动端开发平台进行了大变革，前端架构由DCloud大生态转换为VUE，所以移动端的UI组件库从MUI改为使用MintUI，然后开始大刀阔斧的把MintUI组件改成MUI组件的样子，然后发现少了几个较为常用的，其中一个就是，嗯，侧滑面板（也叫侧滑菜单，也叫抽屉面板-andriod官方是这么翻译的，很形象）。但是，它就是一个布局组件，具体里边菜单什么的，那都是浮云（嗯，就是
weixin_34127717·2020-07-28 18:14

vue开发结合element-ui的一些常见问题

最近在做vue移动端的一个后台项目，主要用elment-ui框架，也有用mtni-ui。
夕阳下美了剪影·2020-07-28 07:25

vue移动端适配---flexible.js

vue移动端适配—flexible.js最近在自学vue，在做项目时遇到移动端适配问题，通过努力找到了一个非常适合的新的淘宝适配插件。
RN_David·2020-07-27 17:30

Vue移动端项目实现使用手机预览调试操作

最近在开发移动端Vue移动端项目，查了一些资料，这里分享下如何在webpack工具构建下的vue项目，在手机端调试和预览，言归正传。
·2020-07-19 10:48

几款适合vue移动端的第三方小组件

1、UI组件各种弹窗或者滑动功能首推：MintUI，简洁好用，其次可以选YDUI，均为vue单独适配MintUI地址：http://mint-ui.github.io/#!/zh-cnYDUI地址：http://www.ydui.org/2、图像裁剪功能强大的cropper肯定不用说了，也有为vue单独适配的版本vue-cropperjs，不过他在安卓上略有卡顿，更推荐AlloyCrop功能虽少，
前端渣渣·2020-07-15 12:30

vue移动端底部导航栏

最近写个小demo书写移动端的小demo，（别忘了移动端的适配问题）效果图如下点击底下的导航对应相应的页面代码如下一二三四import'./../assets/font_5o8n0ozncyh/iconfont.css'exportdefault{}//底部.footer{max-width:750px;min-width:320px;position:fixed;width:100%;left:
small面包·2020-07-15 08:29

vue移动端项目实现弹框选择器功能

实现该功能主要用到mintUI中的Picker与Popup组件1、引入组件import{MessageBox,Toast,Picker,Popup,Header}from"mint-ui";2、写弹框选择器的结构样式取消请选择售后类型确定.picker-toolbar-title{display:flex;flex-direction:row;justify-content:space-aroun
九号窗口·2020-07-15 08:15

解决vue移动端项目嵌入优酷视频问题

大家在开发vue项目的过程中，可能会遇到网络上的视频或者音频嵌入到vue里面的问题...尤其是优酷视频...官网有关这方面的api,但是在vue里面不好理解...提示：ie下要有才能显示正常如果播放器不能显示，请给播放器外层增加宽度和高度样式温馨提示：使用打点和百变播放器功能，播放代码需加入newPlayer参数varplayer=newYKU.Player('youkuplayer',{styl
ErpanScript·2020-07-15 06:53

VUE移动端案例整合

介绍vue-case是笔者学习VUE的过程中将各种移动APP的使用场景整合的一个项目。其中包括了轮播效果、通讯录功能、图片懒加载、滚动加载更多、按钮组件、弹框组件、侧边栏、路由权限控制、国际化等功能。技术栈vue.js构建用户界面的MVVM框架，核心思想是：数据驱动、组件系统。vue-cli是vue的脚手架工具，目录结构、本地调试、代码部署、热加载、单元测试。vue-router是官方提供的路由器
weixin_34332905·2020-07-15 05:29

vue移动端项目中实现一个树

最近公司使用vue开发手机端项目，有个需求是实现派发树，网上找了半天没找到合适的。决定自己撸一个试试，要求多层级，层级不定而且。正文treeMenu.vue文件{{item.text}}复制代码data就是派发树的内容，我们项目实际需要判断是否显示单选钮和多选钮，通过orgType和mode判断，orgType是每一条数据里的一项，mode是上一层传过来的数据信息。然后通过assignType判断
Rank92·2020-07-15 05:16

小白用140代码写一个vue移动端轮播图组件

轮播图在项目中，是属于必不可少的一环，基本每个项目都会有，网上的轮播图插件也有千千万万，不可否认它们的功能都非常的强大，但有的时候，我们只是需要简简单单的轮播，而不需要那么多的动画功能和、特效，而我又有强烈的代码洁癖，虽然说不要反复造轮子，但是自己穿多大码的鞋子，自己知道，根据自己的业务，自己动手做一个，即轻小，又可以锻炼自己的动手能力，一举夺得呢。首先来看看我实现的效果，全屏宽：非全屏宽，局部效
weixin_33756418·2020-07-15 04:18

vue移动端聊天组件

有没有大佬用过好用的vue移动端聊天组件？欢迎使用Markdown编辑器你好！这是你第一次使用Markdown编辑器所展示的欢迎页。
前端小菜鸟23·2020-07-14 20:45

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

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

Vue移动端项目模板h5

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

vue移动端滚动选择器的实现

滚动选择器的实现前两天在公司用vue开发移动端的项目，遇到一个功能，要求弹出一个选择器，默认选中中间的值，要求选中的值跟着滚动改变，由于没有外网，只能自己开发一个来实现这个需求。第一次写博客，写的不好，勿喷~代码如下：选择器{{city}}取消请选择确认{{item.val}}exportdefault{data(){return{list:[{id:-9,city:"",label:"a"},{
小瓶邪·2020-07-14 17:36

05-vue移动端项目(主页index文章列表数据的渲染,插件弄图片懒加载,dayjs的相对时间(比momentjs体积小用法一样)的使用,全局过滤器,解决js处理数字最大范围json-bigint)

主页数据01-完成数据的结构&样式文章数组的组成：文章的标题文章的图片可以使用vant中的组件：文章的作者&评论数&发布日期更多操作按钮02-动态渲染数据打印当前频道的文章列表可以看到以下数据,然后再渲染到页面上了解文章数据源中的数据：art_id：文章的idaut_id：作者的idaut_name：作者的名称ch_id：所属频道的idcollect_count：收藏数comm_count：评论数
Tangoneone·2020-07-14 06:22

vue移动端上拉加载数据（vant组件库中的list列表）

data(){return{lawyer:[],loading:false,finished:false,par:{page:1,//页数limit:4//每页的条数}}},methods:{layerList(inde){//请求列表console.log('11',inde.page)layerList(inde).then(res=>{console.log(res)this.loading
痕迹~~WO祁/·2020-07-13 20:22

vue移动端实现滚动加载更多和下拉刷新功能，vant-ui的PullRefresh和List组件结合使用的坑

需求，移动端列表页不再是分页实现点击上一页下一页，需要实现滚动到底部自动加载下一页，页面整个下拉的话，就刷新当前页面的数据。需求很简单。我这边引入了vant-ui，实现起来呢，遇到各种问题。网上找了一大圈，发现一个能打的都没有，都有问题。我整个人都不好了。为什么呢？特此先记录一下，我的实现过程。虽然，不是最好的实现方式，但是，目前各种暴力测试，没有发现bug了。总算能用了。测试遇到的问题有哪些呢？
qq_42991509·2020-07-13 12:06

基于Vue的Ui框架

饿了么公司基于vue开的的vue的Ui组件库ElementUi基于vuepc端的UI框架饿了么MintUi基于vue移动端的ui框架mintmintUI的使用：1.找官网2.安装npminstallmint-ui-S-S
undefind33·2020-07-13 11:50

vue移动端项目vant组件库之cell

vue移动端项目vant组件库之cellvue移动端项目按需引入vant组件库vant组件库官网cell单元格.van-cell__title样式文字默认居中.van-cell__value文字默认右靠齐
笑望灬星辰·2020-07-13 05:55

Vue移动端，仿原生搜索页面

很多移动UI都有搜索框，但都是简单的输入框，今天分享一个仿原生搜索页面，像原生移动端一样搜索效果的页面，效果如下：使用方法，首先install组件npminstallvue-search-bar–save引入组件在main.js中import'vue-search-bar/dist/vue-search-bar.min.css';import{SearchBar}from'vue-search-b
单纯de开始·2020-07-13 04:46

vue移动端进入页面获取当前地理位置实现方法

话不多说，直接写方法步骤，需要的直接拿去放在自己项目中即可使用先看下效果图：第一步：在项目中index.html文件中引入高德地图，如图所示：第二步：在项目中创建一个js文件，然后把下面的代码全部拷贝进去/***高德地图定位*@type{{}}*/exportconstlocation={initMap(id){letmapObj=newAMap.Map(id,{})letgeolocation;
赵小懒猪cium·2020-07-13 01:39

Vue移动端—登录的业务流程总结

登录业务流程判断用户是否登录第一次登录的时候，前端调后端的登陆接口，发送用户名和密码，后端收到请求，验证用户名和密码如果想点进我的页面，没有登录的话，会自动跳转登录页面，前端可根据后台返回的信息，在路由跳转中做判断。因为在这里使用的axios做vue的请求模块，所以项目采用的是在请求拦截模块中根据后台返回的登录状态码进行判断，客户端输入手机号，点击验证码，进行登录，服务端对手机号，验证码进行验证，
Web_front·2020-07-13 01:09

03-vue移动端项目(home首页与他的子页面主页index：嵌套路由，tab选项卡组件做频道区域，vant中的下拉刷新PullRefresh与list上拉加载组件)

首页:01-完成home组件步骤：1.0在views下面创建一个home文件夹,再在里面建一个index.vue文件2.0router文件夹中的index.js文件中设置路由constroutes=[{path:'/useVant',component:UseVant},{path:'/',component:Login},{path:'/home',component:Home,children
Tangoneone·2020-07-13 01:43

07-vue移动端项目(搜索结果searchResult页面：路由返回back(),动态传参中取参)

搜索结果searchResult01-页面结构&样式顶部的导航给导航的左侧箭头添加一个点击事件(这个@click-left方法是vant组件中定义的)：在事件中应该回退到上一个页面新闻数据的渲染使用list组件来渲染数据将首页中的结构复制过来，稍作修改{{item.title}}{{item.aut_name}}{{item.comm_count}}评论{{item.pubdate}}注意点：在v
Tangoneone·2020-07-13 01:43

vue移动端微信授权登录插件封装

1.新建wechatAuth.js文件constqs=require('qs')//应用授权作用域，snsapi_base（不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo（弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息）constSCOPES=['snsapi_base','snsapi_use
小黑ii·2020-07-12 22:50

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

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

vue移动端 登录注册的业务流程

在我们开发一些项目的时候，有些路由页面是要登录才能进入，例如进入个人中心，或者我的博客，写博客等等一些页面…当然，也有一些页面是不需要登录就能进去的，例如：首页，注册页等等…当需要登录的页面，我们就要加上验证，不需要的则不用该如何判断呢？就该在路由里的js加一些代码来判断了登录流程判断用户是否登录第一次登录的时候，前端调后端的登陆接口，发送用户名和密码，后端收到请求，验证用户名和密码如果想点进我的
房东的老大.·2020-07-12 21:14

vue移动端登录页面（包含国际区号选择、账号密码登录、手机登录和忘记密码）

bm-vlogin介绍基于vue3的移动端登录组件库。包含：普通登录页面、手机登录页面、国际区号选择页面和重置密码页面特性支持组件按需加载可以在组件配置中自行选择需要的元素区号选择支持字母检索和中英文、首拼、区号搜索展示安装npminstallbm-vlogin--save引入//main.js中//全部引入importbmVloginfrom'bm-vlogin'Vue.use(bmVlogin
張猴子·2020-07-12 21:55

vue移动端微信授权登录插件封装

constqs=require('qs')//应用授权作用域，snsapi_base（不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo（弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息）constSCOPES=['snsapi_base','snsapi_userinfo']classVueWech
cc果冻LXY·2020-07-12 14:18

vue移动端h5页面根据屏幕适配的四种方案

在vue移动端h5页面当中，其中适配是经常会遇到的问题，这块主要有死个方法可以适用。
weixin_30502157·2020-07-12 06:46
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他