VSelect下拉弹窗

基础用法

提示

当此下拉框里没有普通的内容而是完整的页面（有表单有table有查询按钮等，代表为完整页面）时，N个相同的下拉框的dom渲染是不会被卸载的(影响页面开销)，故此 推出VSelect下拉框，没有默认下拉内容也没有无数据提示，只有插槽content可以使用，此组件下拉框隐藏默认会销毁content插槽 如需要不销毁请绑定select-dom为true 组件会抛出 ref.appendTo 为了防止弹窗里面继续加各种小下拉等操作绑定到body体里导致点击后下拉消失 需要在对应弹窗位置添加 :append-to="ref.appendTo |'body'" append-to属性请看文档

v-model传参形式

插槽点击回显示例

提示

content插槽会返回两个方法写法为 <template #content="{close,pass}"></template>调用close()为关闭插槽pass(按照v-model传参形式传参)为传入所选参数

VSelect 组件参数说明

参数	说明	类型
widht	下拉框内容区域的宽度	number/string
height	子项的最小宽度，当计算宽度小于此值时使用最小宽度	number/string
selectDom	是否始终显示自定义内容区域	boolean
placeholder	输入框占位符文本	string/number
modelValue	双向绑定的选中值，支持字符串、对象或数组格式	any

插槽

插槽名称	说明
content	自定义下拉框内容区域

作用域参数说明

参数	说明	类型
close	关闭下拉框的方法	Function
pass	传递选中值的方法，参数为要设置的值	Function