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

<!-- Three-level administrative division -->
<RegionText v-model="region" />
<!-- Four-level administrative division -->
<RegionFullText v-model="region" />

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'
})

Separator

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

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