Text

纯文本模式，行政区域信息以纯文本方式展示

组件引用

在项目中引入组件

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

实例

快速应用

<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>

分隔符

在各级别行政区域名称间应用指定的分隔符，增加信息可读性

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