這次帶給大家vue下拉清單實作方法,vue下拉清單實現的注意事項有哪些,下面就是實戰案例,一起來看一下。
喜歡的請反手來個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 }
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是vue下拉清單實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!