移动端竖排字母索引组件(类似微信地址栏右侧

vue-alphabet-index

移动端竖排字母索引组件(类似微信地址栏右侧索引)

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 列表样式
events
Option parameters Description
change {index: 数组索引, value: 选中的字母} 选中某个字母时触发

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。