Exemple de code de fonction de liste déroulante Vue-js tutoriel-php.cn

Exemple de code de fonction de liste déroulante Vue

亚连

Libérer： 2018-05-26 13:57:01

original

2017 Les gens l'ont consulté

Cet article présente principalement l'exemple de code de la fonction de liste déroulante Vue. Il est très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer

J'ai travaillé sur un travail récemment. et j'ai fait une liste déroulante. J'ai pensé que tous les frères et sœurs pouvaient avoir les mêmes besoins, j'ai donc résumé la liste déroulante. J'espère qu'elle sera utile à tous les frères et sœurs

adresse github :

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

Si vous l'aimez, donnez-lui une étoile. Si vous rencontrez des problèmes, veuillez les soumettre

Installer.

cnpm install vue-droplist --save

Copier après la connexion

Importer

import DropList from &#39;vue-droplist&#39;

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

Copier après la connexion