使用vue做出移動端下拉列表

cnpm install vue-droplist --save

import DropList from 'vue-droplist'
// 顯示下拉列表
showDropList() {
// 配置信息
const configData = {
position: { // 設(shè)置顯示位置
top: '', 
right: '',
bottom: '',
left: ''
},
width: '40%', // 設(shè)置寬度
list: [ // 設(shè)置下拉列表數(shù)據(jù)和對應(yīng)的點擊事件
{text: '修改資料', action: this.updateUserInfo},
{text: '更換主題', action: this.updateTheme},
{text: '退出賬號', action: this.signOut}
...
],
isShow: true //設(shè)置顯示，默認false
}
DropList(configData) //執(zhí)行配置信息
},
updateUserInfo() {
//do something
},
updateTheme() {
//do something
},
signOut() {
//do something
}