赵小懒猪cium-CSDN博客

原创 vue 移动端实现上拉加载更多

根据项目需求实现上拉加载更多～我用的是vue-infinite-loading 插件实现的。下面是安装流程和使用方法：有需要直接拿去用第一步：安装npm install vue-infinite-loading --save第二步：在需要上拉加载的单页面引入import InfiniteLoading from "vue-infinite-loading"; //引入加载更...

2019-05-07 18:20:16 9123 4

原创 Vue解决安卓低版本兼容问题

一个月之前项目中遇到一个安卓手机低版本兼容的问题，当时以为是代码写的有问题，各种排查，最终得出的结论是安卓部分低版本手机不兼容vue。下面我就简单描述下我遇到的问题以及解决方法，以供大家参考：问题：vue写的移动端项目，部分低版本安卓手机出现，白屏，以及页面数据渲染不完整。原因：安卓低版本手机是不支持ES6语法的，还有少部分低版本安卓不支持小部分的ES5语法，因此vue使用的是...

2018-09-28 20:34:33 17094 21

原创 vue移动端项目在IOS上点击输入框失效，需要点击多次

1. 近期发现项目中关于输入框在ios上点击失效，多次点击才可以获取焦点的问题，那么导致这个问题所在的原因是因为项目中引入了FastClick 这个是解决移动端延迟300毫秒的优化当使用FastClick 时，输入框在ios上点击输入调取手机自带输入键盘不灵敏，有时候甚至点不出来。而安卓上完全没问题。这个原因是因为FastClick的点击穿透。解决方法如下：FastClick.pro...

2019-06-11 10:06:27 4706 5

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

根据项目需要使用Vue-touch 实现了一个vue移动端的左滑编辑和删除功能，废话不多说，先看效果图，然后上代码吧！第一步：安装vue-touchnpm install vue-touch@next --save第二步：main.js 中引入import VueTouch from 'vue-touch';Vue.use(VueTouch, { n...

2019-05-08 11:05:20 4011 4

原创 vue 移动端获取今日、昨日、本周、上周、本月、上月日期时间

近日移动端项目需求，要求获得今日、昨日、本周、上周、本月、上月的用户数据，因此查了一些文档之类的根据需求封装了几个方法，如果你的需求同我一样，那么你可以直接拷贝，按照步骤去使用即可。话不多说直接上代码：第一步：--安装monent 提供下 monent 官网地址（想要详细了解的可以直接去看官网）http://momentjs.cn/官网首页地址http://momentjs.cn/do...

2019-05-07 17:48:57 10967 7

原创 vue Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 10.x

npm run dev 启动时，报了一大堆错误，如下：vue Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 10.x Found bindings for the following environments: - OS X 64-bit with Nod...

2019-04-15 14:28:46 10067

原创 Vue 打包后背景图片不显示问题

大清早遇到一个问题纠结了一小会儿功夫，不过很快解决了，下面是解决方法。第一步：改变路径配置，将绝对路径改为相对路径。找到 config/index.js 文件改为如下：不知道地方的看下图即可目标文件：项目目录 > config文件夹 > index.js assetsPublicPath:'/' 改为：assetsPublicPath:'./' （加...

2019-02-26 11:26:30 1424

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

话不多说，直接写方法步骤，需要的直接拿去放在自己项目中即可使用先看下效果图：第一步：在项目中index.html文件中引入高德地图，如图所示：  <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.3&key=d4332e5adb8b...

2019-02-25 18:20:11 34293 63

原创 H5解决安卓环境下点击输入框页面(图片)变形问题

刚遇到的问题，H5 页面在安卓手机上点击输入框页面变形，网上找了好几个方法都太繁琐还没有根本的解决问题，最后自己脑洞大开试了一个方法终于完美解决，话不多说，直接上代码。首先展示下问题页面：（注意看页面图片已经变形了）1.图一，是安卓设备上点击输入框键盘弹起后页面变形的效果（重点看背景图，背景图变形了） 2.图二，是ios设备上点击输入框键盘弹起后页面没有变形的效果图 ...

2019-02-25 17:51:40 2303

原创解决ios环境下点击输入框页面被顶起不能自动回弹到底部问题

前几天开发中遇到的问题，vue移动端页面，点击输入框页面被顶起不能自动回弹到底部，底部会留白问题。网上查了很多方法试过都没用，最终还是找到了一个很有用的解决方式，下面提供解决方法，有需要的直接可以拿去用先看下问题的效果图吧：ios环境下点击输入框页面被顶起不能自动回弹到底部，底部留白问题第一步：在页面的输入框中添加获取焦点事件代码写法： @focus="getFocus" ...

2019-02-25 17:14:44 8127 14

原创 vue实现元素多选高亮显示

HTML：<template> <div class="container"> <ul class="tab-list"> <li class="tab-li" :class="item.isSelected ?'Active' : '' " v-for=&quo

2018-12-04 15:43:44 3203 2

原创 vue实现tab切换样式

现成的vue移动端点击tab 切换样式功能。需要的拿去根据自己的需求改一下样式 <template> <div class="container"> <ul class="tab-list"> <li class="tab-li" :class="actiove

2018-12-04 14:30:46 6248

原创 vue 移动端顶部导航组件

废话不多说，下面是我自己写的vue移动端顶部导航组件给大家分享一下，动态绑定背景颜色，字体颜色，以及回退图标。需要的直接拿去放项目里用吧～示例图：HTML<template> <div class="appraisalTooBar" :style="{background:bgColor, opacity:bgOpacity}"> <di...

2018-09-29 01:52:01 5418 4

原创 vue 移动端验证不同设备工具类封装和使用

今儿项目版本更新上线了，抽点空记录下最近遇到的一些技术功能。首先我们开发移动端，经常会有需求是某些模块功能在 ios端安卓以及微信端下各展示不同，那么这就需要用到封装一个方法来调用了。下面的代码大可在文件中创建个工具类的文件夹，拷贝放进去使用。废话不多说，直接上代码：第一步：首先在项目中创建个文件夹，里面创建个自定义js文件，将这块代码拷贝进去//验证工具封装 ----- 如果需要直接拿...

2018-09-28 22:15:06 1540

YY110621的博客