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 · 191 阅读 · 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 · 2337 阅读 · 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 · 1360 阅读 · 0 评论 -
vue设置固定title而造成无法点击问题
设置title的css时,没有给一个高度,导致它出现的时候,把列表给覆盖住了,所以无法点击下面的列表,设置了一个高度之后,问题解决。原创 2018-09-29 08:11:54 · 482 阅读 · 0 评论 -
vuex初始化
vuex的初始化(1)文件目录(2)index.jsimport Vue from 'vue'import Vuex from 'vuex'import * as actions from './actions' //es6规则,将actions里面的所有方法都放到actions这个对里面,可以直接通过actions对象调用里面的方法 ...原创 2018-09-29 12:59:40 · 468 阅读 · 0 评论
分享