• Encapsulated based on NTag

Basic Usage

vue

<template>
  <!-- Single Number value -->
  <DictTag :options="gender" :value="1" />

  <!-- Single String value -->
  <DictTag :options="gender" value="2" />

  <!-- Array value -->
  <DictTag :options="gender" :value="[0, 1]" />
  <DictTag :options="gender" :value="['1', '2']" />

  <!-- String value with separator -->
  <DictTag :options="gender" value="0,1,2" />

  <!-- String value with custom separator -->
  <DictTag :options="gender" value="0-1-2" separator="-" />
</template>

<script lang="ts" setup>
import { useDict } from "@/hooks";

const { gender } = useDict("gender");
</script>

Page Rendering

Male

Single Number value

Female

Single String value

Confidential

Male

Male

Female

Array value

Confidential

Male

Female

String value with separator

Confidential

Male

Female

String value with custom separator

Props

Name	Type	Required	Default	Description
options	DictData.Option[]	Yes		Dictionary data list
value	String | Number | String[] | Number[]	Yes		Bound value
round	Boolean	No	false	Whether rounded
bordered	Boolean	No	false	Whether to show border
separator	String	No	,	Separator

Contributors

nuyoah

Changelog

Last edited 5 months ago

View full history

b4eb45c-docs(en): Add a trailing blank line

d99924d-docs(en): Add DictTag component documentation