<el-form label-position="right" label-width="100px" :model="formInline" style="width: 380px;" :rules="rules" ref="form">

    <el-form-item label="所属部门" prop="selectedId">

          <el-cascader

            :options="treeData"

            expand-trigger="hover"

            filterable

            :show-all-levels="false"

            v-model="formInline.selectedId"

            :props="defaultProps"

            change-on-select

            @change="handleChange">

          </el-cascader>

        </el-form-item>

      </el-form>

rules: {

        selectedId: [{

          type: 'array',

          required: true,

          message: '请选择部门',

          trigger: 'change'

        }]

       }