SOFAST框架开发手册

sf-dict-select 字典下拉选项框

sf-dict-select 介绍

该组件是字典下拉框，根据字典type获取字典值并生成下拉选项；

sf-dict-select Attributes

参数	说明	类型	可选值	默认值
type	字典的type值	String	—	—
value/v-model	字典值	String, Number, Array	—	—
multiple	是否多选	Boolean	true, false	false
disabled	是否禁用	Boolean	true, false	false
filter	过滤方法	Function	—	—
size	输入框尺寸	String	medium/small/mini	—
clearable	是否可以清空选项	Boolean	true, false	false
collapseTags	多选时是否将选中值按文字的形式展示	Boolean	true, false	false
multipleLimit	多选时用户最多可以选择的项目数，为 0 则不限制	Number	—	0
name	select input 的 name 属性	String	—	—
placeholder	占位符	String	—	请选择
filterable	是否可搜索	Boolean	—	false
filterMethod	自定义搜索方法	Function	—	—
popperClass	Select 下拉框的类名	String	—	—
defaultFirstOption	是否默认第一个选项	Boolean	—	false
popperAppendToBody	是否将弹出框插入至 body 元素。在弹出框的定位出现问题时，可将该属性设置为 false	Boolean	—	true
automaticDropdown	对于不可搜索的 Select，是否在输入框获得焦点后自动弹出选项菜单	Boolean	—	false

sf-dict-select Events

事件名	说明	参数
change	选中值发生变化时触发	val
input	输入框输入时触发	val
visibleChange	下拉框出现/隐藏时触发	出现则为 true，隐藏则为 false
removeTag	多选模式下移除tag时触发	移除的tag值
clear	可清空的单选模式下用户点击清空按钮时触发	—
blur	当 input 失去焦点时触发	(event: Event)
focus	当 input 获得焦点时触发	(event: Event)

sf-dict-radio 使用

<template>
  <div>
    <sf-dict-select
      type="sys_menu_type"
      v-model="radioValue"
      @change="XXX"
    ></sf-dict-select>
  </div>
</template>

<script>

export default {
  data() {
    return {
      radioValue: '0'
    }
  },
  methods: {
    XXX() {}
  }
}
</script>

页面初始效果

点击后下拉效果

results matching ""

No results matching ""