Skip to content

JMultiSelectTag

xinwu-yang edited this page Mar 1, 2023 · 1 revision

JMultiSelectTag 字典选择(多选)组件

一个视线了下拉/checkbox多选功能的组件,可以结合数据字典使用,也可以直接使用。

代码演示

<template>
	<j-multi-select-tag placeholder="请做出你的选择" dictCode="sex" v-model="value"></j-multi-select-tag>
</template>
<script>
	export default {
    data() {
      return {
      	value: '',
        dictOptions: [
          { label: '选项一', value: 1 },
          { label: '选项二', value: 2 },
          { label: '选项三', value: 3 }
        ]
      }
    }
  }
</script>

api

props

属性 说明 类型 必填 默认值
value(v-model) string
placeholder 默认文字 string
dictCode 字典编码 string
type 类型 'select' | 'checkbox' 'select'
disabled 是否禁用 boolean false
options 选项(未设置dictCode时使用) array

事件

事件名称 说明 回调参数
change 值变化时调用 function(value)

更新日志

CHANGELOG

快速开始

3.0.x

开发技巧

配置文件介绍

皮肤自定义

页面布局

已有页面定制

字典缓存用法

自定义首页

下拉选项滚动错位的解决方法

表单输入默认去掉前后空格

组件库

普通组件

倒计时 CountDown

枚举选择器 CubeSelectEnum

地区联动选择 JAreaLinkage

分类字典选择 JCategorySelect

复选框 JCheckbox

代码编辑器 JCodeEditor

Cron编辑器 JCron

日期选择 JDate

字典选择 JDictSelectTag

字典选择(多选) JMultiSelectTag

字典选择(可搜索) JSearchSelectTag

可编辑表格 JEditableTable

富文本编辑器 JEditor

字符串截取 JEllipsis

文件上传弹窗 JFilePop

表单容器 JFormContainer

图片上传 JImageUpload

导入Modal JImportModal

输入框 JInput

弹窗输入框 JInputPop

Markdown编辑器 JMarkdownEidtor

Modal弹窗 JModal

表格弹窗选择 JPopup

部门选择器 JSelectDepart

部门用户选择器 JSelectUserByDep

用户选择器(多选) JSelectMultiUser

职务选择组件 JSelectPosition

角色选择组件 JSelectRole

高级查询组件 JSuperQuery

分类字典树形下拉选择器 JTreeDict

树形下拉选择组件(异步加载) JTreeSelect

异形树形表格组件 JTreeTable

上传组件 JUpload

JS组件

api/manage.js

mixins/JEditableTableMixin.js

mixins/JeecgListMixin.js

store/modules/app.js

store/modules/user.js

store/mutation-types.js

utils/filter.js

utils/validate.js

utils/hasPermission.js

utils/util.js

utils/vueBus.js

utils/packages/JDictSelectUtil.js

魔方Plugins

上传组件

目录结构

目录结构

Clone this wiki locally