移动端竖排字母索引组件(类似微信地址栏右侧
vue-alphabet-index
events
Demo移动端竖排字母索引组件(类似微信地址栏右侧索引)
demo
Install$ npm install vue-alphabet-index
import AlphabetIndex from 'vue-alphabet-index' Vue.Component('vue-alphabet-index', AlphabetIndex) Usage
<alphabet-index :init="true" :items="['A','B','C']" @change="handleChange"></alphabet-index> parameters
Option | type | Description |
---|---|---|
init | Boolean | 是否初始化。当init设为true , 组件开始获取DOM位置数据,默认为false |
items | Array | 字母数组,如items: ['A', 'B', 'C'] ,默认为[] |
throttleTime | Number | 节流间隔(ms),默认为80 |
itemClass | String | 列表项样式 |
listClass | String | 列表样式 |
Option | parameters | Description |
---|---|---|
change | {index: 数组索引, value: 选中的字母} | 选中某个字母时触发 |
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。