vuejs
疯子和傻子的爱情故事
这个作者很懒,什么都没留下…
展开
-
利用vueJs实现图片轮播
最近新学习了vuejs,尝试着用vuejs写了一个简单的图片轮播,便做个简单的记录以下只贴出carousel.vue代码,其他的省略 左移 右移 const原创 2017-06-02 15:18:42 · 14256 阅读 · 4 评论 -
vue实现图片滚动(类似走马灯效果)
上次写了一个简单的图片轮播,这个相当于在上面的一些改进。这个组件除了可以进行图片滚动外,也可以嵌入任何内容的标签进行滚动,里面用了slot进行封装。父: -----使用子组件传过来的值,封装slot原创 2017-06-07 14:47:31 · 37768 阅读 · 3 评论 -
Vue在页面数据渲染完成之后调用
在使用Vue框架的时候,有时候需要在Vue在页面数据渲染完成之后调用方法,不然获取不到准确的数据,特别是在获取列表的高度的时候,由于数据没有加载完,获取不到准确的高度。之前在使用jquery的时候,有ready可以帮助我们实现,但是Vue不存在此类方法,我们需要结合watch和this.$nextTick()来实现。nextTick:在下次 DOM 更新循环结束之后执行延迟回调。watch:用于观...原创 2018-02-08 18:03:53 · 54341 阅读 · 6 评论 -
利用vue的transition实现多种轮播效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>切换测试</title> <link rel="stylesheet" href="./vue原创 2018-07-26 09:38:01 · 3577 阅读 · 1 评论 -
vue v-if方法扩展写法
在使用vue的时候,经常会使用到v-if、v-else-if、v-else通过条件来判断具体显示某种信息,这种方法虽然可以实现,在整体代码看起太过低级,可用以下两种方式来替代:例1:<span v-if="YJLX=='1'">收件箱</span><span v-else-if="YJLX=='2'">发件箱</span><spa原创 2018-11-05 16:52:03 · 6287 阅读 · 0 评论 -
利用vue自定义指令directive实现拖动elementUI的dialog
<template> <el-dialog :visible.sync="testDialog" title="测试弹框拖拽" v-dialogDrag="{ x: transformX, y: transformY }" :close-on-click-modal="false" :append-to-body="true" :modal-append-to-...原创 2019-07-01 11:31:41 · 1639 阅读 · 0 评论