扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
今天就跟大家聊聊有关怎么在vue项目中实现一个下拉列表功能,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站制作、成都网站建设、雷州网络推广、重庆小程序开发、雷州网络营销、雷州企业策划、雷州品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供雷州建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
安装
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 }
看完上述内容,你们对怎么在vue项目中实现一个下拉列表功能有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流