vue3子路由嵌套

vue子路由嵌套，嵌套多重子路由首先要使用子路由嵌套就要在route文件中要添加子路由的页面添加一个参数children中的格式为数组，这里面参数就是我们今天要说的子路由然后在页面中写下route-link标签，route-link标签中有一个为to的参数，这个参数里面的name值就是要显示的子页面当然只写一个route-link标签是不够的，它如何显示到页面呢，显示到什么位置呢这个时候就要用到r

钟阜

2617人浏览 · 2021-07-06 14:29:14

钟阜 · 2021-07-06 14:29:14 发布

vue子路由嵌套，嵌套多重子路由
首先要使用子路由嵌套就要在route文件中要添加子路由的页面添加一个参数
在这里插入图片描述
children中的格式为数组，这里面参数就是我们今天要说的子路由
然后在页面中写下route-link标签，route-link标签中有一个为to的参数，这个参数里面的name值就是要显示的子页面

当然只写一个route-link标签是不够的，它如何显示到页面呢，显示到什么位置呢这个时候就要用到router-view这个标签了
在这里插入图片描述
这个标签中定义的就是点击中的子路由中的内容了，当然这个标签只要不放在最大div的外面，一般情况下都会显示的

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^