@aidol/vue-accordion v0.1.3

@aidol/vue-accordion

A accordion component for vue.js

Installation

Using npm

npm install @aidol/vue-accordion --save
# or
cnpm install @aidol/vue-accordion --save

Usage

In main.js

import Vue from 'vue'
import accordion from '@aidol/vue-accordion'

Vue.use(accordion)

// new Vue({ // ... })

<ai-accordion :data="imgList" @jump="jumpTo"/>

export default {
  data(){
    return {
      imgList: [
        {title: '' , src: ''},
        {title: '' , src: ''},
        //...
      ]
    }
  }
}

Properties

注： 1. 在 data 属性中 （对象数组类型） ， 你必须为每个对象提供 src 属性 ，作为每张图片的地址。其他有用的数据，你可以视你所需去添加。

Events

@jump

点击某张展示图片时触发句柄

<ai-accordion @jump="jumpTo"/>

export default {
  data(){
    return {}
  },
  methods: {
    jumpTo(info){
      // `info` is the data of curr img which you setted the `data` prop , you can use this
      // do somethig when you click foo img
    }
  }
}

Logs

2018/9/5 1. init package