vue动态配置路径，多路由复用同一页面地址，并分别缓存

在工作中有这样一个需求，同一页面，根据不同的路径地址，在页面上使用不同的配置参数在vue官方文档中有以下描述，仔细就会明白其次这个动态路径的参数，我们想要可不传也同样能访问，在路径上加一个?号即可...

清酒白粥

5654人浏览 · 2020-06-23 16:46:30

清酒白粥 · 2020-06-23 16:46:30 发布

1.动态路由匹配

在vue官方文档中有以下描述，仔细就会明白

其次这个动态路径的参数，我们想要可不传也同样能访问，在路径上加一个?号即可

2.页面复用

vue缓存时如果发现组件相同，则会认定为同一个，加上key不同就一定会认为是不同的东西。分别进行缓存

<keep-alive>
    <router-view :key="$route.fullPath" />
</keep-alive>

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

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}$/, //不连续的两位字母// /^