vue下拉列表功能实例代码

2019-11-19 14:03:08

字体：大中小

来源：转载

供稿：网友

最近在弄作品，做了个下拉列表。心想各位小哥哥、小姐姐可能会用到相同的需求，就把下拉列表封装一下，希望能对各位小哥哥，小姐姐有帮助

github地址：

https://github.com/ClmPisces/vue-droplist

喜欢的请反手来个star，有issue的欢迎提出

安装

cnpm install vue-droplist --save

组件中导入

import DropList from 'vue-droplist'// 显示下拉列表showDropList() {// 配置信息const configData = {position: { // 设置显示位置top: '', right: '',bottom: '',left: ''},width: '40%', // 设置宽度list: [ // 设置下拉列表数据和对应的点击事件{text: '修改资料', action: this.updateUserInfo},{text: '更换主题', action: this.updateTheme},{text: '退出账号', action: this.signOut}...],isShow: true //设置显示，默认false}DropList(configData) //执行配置信息},updateUserInfo() {//do something},updateTheme() {//do something},signOut() {//do something}