![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
XiaoHuangDiLHD
这个作者很懒,什么都没留下…
展开
-
vue-lazyload实现图片懒加载
这个插件使用非常简单 安装 npm install vue-lazyload --save 在main.js文件中引入,注册 import VueLazyLoad from 'vue-lazyload' Vue.use(VueLazyLoad, { loading: imgurl //加载时要显示的图片链接 }) 在组件的img中使用 <img v-lazy="i...原创 2018-09-26 20:15:33 · 139 阅读 · 0 评论 -
vue利用better-scroll实现通讯录式列表滚动和左右联动效果(1)
1.点击右侧字母,滚动到相应的列表位置 首先在右侧字母列表监听touchstart事件,当事件发生时则执行相应的函数 函数内容 onShortCutTouchStart (e) { let anchorIndex = getData(e.target, 'index') this.touch.anchorIndex = anchorIndex this....原创 2018-09-28 13:55:51 · 2210 阅读 · 0 评论 -
vue利用better-scroll实现通讯录式列表滚动和左右联动效果(2)
3.右边字母列表滑动或者点击时对应的字母高亮 _calculateHeight () { this.listHeight = [] const list = this.$refs.listgroup let height = 0 this.listHeight.push(height) for (let i = 0; i < ...原创 2018-09-28 19:03:25 · 1270 阅读 · 0 评论 -
vue设置固定title而造成无法点击问题
设置title的css时,没有给一个高度,导致它出现的时候,把列表给覆盖住了,所以无法点击下面的列表,设置了一个高度之后,问题解决。原创 2018-09-29 08:11:54 · 407 阅读 · 0 评论 -
vuex初始化
vuex的初始化 (1)文件目录 (2)index.js import Vue from 'vue' import Vuex from 'vuex' import * as actions from './actions' //es6规则,将actions里面的所有方法都放到actions这个对里面,可以直接通过actions对象调用里面的方法 ...原创 2018-09-29 12:59:40 · 392 阅读 · 0 评论