安装vue2.0中vue-easy-slider的滑块组件插件
2018-03-19 13:56
537 查看
安装 npm i -S vue-easy-sliderdemo1:
<template> <slider animation="fade"> <slider-item v-for="(i, index) in list" :key="index"> <div :style="i"> <p style="line-height: 280px; font-size: 5rem; text-align: center;">Page{{ index + 1 }}</p> </div> </slider-item> </slider> </template> <script> import { Slider, SliderItem } from 'vue-easy-slider' export default{ data :function() { return { list: [ { backgroundColor: '#3f51b5', width: '100%', height: '100%' }, { backgroundColor: '#eee', width: '100%', height: '100%' }, { backgroundColor: '#f44336', width: '100%', height: '100%' }, ], } }, components: { Slider, SliderItem } } </script> <style> </style>效果:
相关文章推荐
- 基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
- 使用vue-awesome-swiper滑块插件
- eclipse easyexplorer 插件的正确安装方式
- IntelliJ IDEA 安装插件 (vue)
- vue---使用vue编写插件,基于vue2.x编写常用toast loading插件,一键复用组件
- Vue2.0使用轮播插件 VueAwesomeSwiper
- vue-awesome-swiper滑块插件使用方法详解
- 关于eclipse开发工具安装easyexplorer PlugIn(文件浏览插件)教程
- vue 插件(Sublime Text 3 常用插件以及安装方法)(转)
- bootstrap-select插件封装成Vue2.0组件
- webstorm安装Vue插件及添加vue模板支持
- webstorm安装vue插件
- 适于Vue的编辑器的相关操作(插件安装)
- 谷歌浏览器chrome的vuejs devtools 插件的安装
- vue自定义全局组件(自定义插件)的用法
- Eclipse 插件easyexprore 的安装和使用
- 谷歌浏览器chrome的vuejs devtools 插件的安装
- Sublime Text 安装Vue 语法高亮插件Vue Syntax Hightlight
- 自己写个vue.js插件(2):手动挂载子组件
- IDEA安装vue开发插件