SelectUser-选择用户和角色

选择用户

代码示例:

<template>
	<el-row type="flex" justify="center">
        <el-col :span="12">
          <el-form-item label="选择用户" prop="user_uid">
            <SelectUser v-model:select-user-uid="createForm.user_uid"></SelectUser>
          </el-form-item>
        </el-col>
      </el-row>
</template>
<script setup lang="ts">
//公共组件
import SelectUser from "@/pages/laravel-fast-api/v1/components/element/User/SelectUser.vue";
</script>

选择角色

提示

角色是多选的tree级联选择,因此后端需要存储role_cascader_id_array_json,方便回显

代码示例:

<template>
	<el-row type="flex" justify="center">
		<el-col :span="12">
			<el-form-item label="选择角色" prop="category_id">
				<SelectRole
					v-model:role-cascader-id-array="createForm.role_cascader_id_array"
				></SelectRole>
			</el-form-item>
		</el-col>
	</el-row>
</template>
<script setup lang="ts">
//公共组件
import SelectRole from "@/pages/laravel-fast-api/v1/components/element/Role/SelectRole.vue";
</script>