Skip to content

字典选择输入

代码事例
vue
<template>
	<p>单选</p>
	<DicInput v-model="model.single" code="sex_code" placeholder="请选择" />
	<p>多选</p>
	<DicInput v-model="model.multiple" code="sex_code" multiple placeholder="请选择" />
	<p>数据模型</p>
	<fk-row>
		<JsonViewer :data="model" />
	</fk-row>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { DicInput } from '@erp/biz';

const model = ref({
	single: '',
	multiple: [],
});
</script>

API

<dic-input> Props

参数名描述类型默认值
placeholder提示文字string-
multiple是否多选booleanfalse
disabled是否禁用booleanfalse
allow-clear是否允许清空输入框booleanfalse
model-value (v-model) (必填)绑定值union-
code (必填)字典codestring-

基于 MIT 许可发布