JSelectUserByDep - xinwu-yang/cube-vue GitHub Wiki

JSelectUserByDep 部门用户选择组件

根据部门选择用户。点击选择用户按钮,在表格弹窗中选择。

代码演示

<template>
  <a-form :form="form">
    <a-form-item label="用户选择v-decorator" style="width: 500px">
      <j-select-user-by-dep v-decorator="['users']" />
      {{ getFormFieldValue('users') }}
    </a-form-item>

    <a-form-item label="用户选择v-model" style="width: 500px">
      <j-select-user-by-dep v-model="users"></j-select-user-by-dep>
      {{ users }}
    </a-form-item>
  </a-form>
</template>
<script>
  export default {
    data() {
      return {
        form: this.$form.createForm(this),
        users: ''
      }
    },

    methods: {
      getFormFieldValue(field) {
        return this.form.getFieldValue(field)
      }
    }
  }
</script>

api

props

属性 说明 类型 必填 默认值
value(v-model) string
modalWidth 弹窗宽度 number 1250
disabled 是否禁用 boolean false
multi 是否多选 boolean true

事件

事件名称 说明 回调参数
change 值变化时调用 function(value)
⚠️ **GitHub.com Fallback** ⚠️