useRoute与useRouter的区别
官方文档:https://router.vuejs.org/zh/api/#Functions-useRoute
useRoute():返回当前的路由地址。相当于在模板中使用 $route。
useRouter():返回路由器实例。相当于在模板中使用 $router。
useRoute( )函数useRoute( )函数用于在组件中获取当前路由的信息,返回一个包含路由信息的对象。每一个路由都有一个route对象,这是一个局部的对象,可以从中获得name、path、params、query(如下所示)等当前路由信息的静态数据。
使用案例:
1234567891011121314151617181920212223<template> <div id="app"> <template v-if="route.path.startsWith('/user')"> <NoHeaderLayouts /> </template> <template v-els ...
vue3实现省市联动表项
概述所用技术栈:vue3+ElementPlus
需求:要求在对用户信息中的籍贯信息录入时,有一个省市联动的表单可供选择
具体实现参考文档:https://www.npmjs.com/package/element-china-area-data
下载对应插件:
1npm install element-china-area-data -S
导入库:
1234567import { provinceAndCityData, pcTextArr, regionData, pcaTextArr, codeToText,} from "element-china-area-data";
vue3页面代码的实现:
1234567<el-cascader size="large" :options="pcTextArr" v-model="sd" @change="handleChange" ></el-cascader>
12 ...





