Vue下拉选择框Select组件使用详解(二)

本文实例为大家分享了Vue下拉选择框Select组件的使用方法,供大家参考,具体内容如下

效果图如下:

Vue下拉选择框Select组件使用详解(二)_第1张图片

下拉组件宽度可自定义设置以下属性:

①下拉组件宽度width属性,默认宽度290

②placeholder属性

③是否禁用下拉的disabled属性

已预设下拉列表最多8条,超过时滚动显示,具体可自定义调整,如果下拉选项过长省略号显示,鼠标悬浮显示全称,由于业务需求,设置mode属性,区别默认name和value  与  dictKey和dictVal

①创建组件Select.vue



②在要使用的页面中引用