Text

Plain text mode, administrative area information is displayed in plain text

Component reference

Referencing components in your project

import { RegionText, RegionFullText } from 'v-region'

Examples

Quick use

<template>
  <RegionText v-model="region" />
  <RegionFullText v-model="region" />
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { RegionText, RegionFullText } from 'v-region'
import type { RegionValues } from 'v-region'
const region = ref<RegionValues>({
  province: '350000',
  city: '350100',
  area: '350104',
  town: '350104008'
})
</script>

Separator

Apply specified separators between administrative region names at all levels to increase information readability

<RegionText
  v-model="region"
  separator="-"
/>