055——VUE中vue-router之路由参数的随意设置与伪静态链接地址处理：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>vue-router之路由参数的随意设置与伪静态链接地址处理：</title><script src="vue.js"></script><script src="vue-router.js"></script>
</head>
<body>
<div id="demo"><router-link to="/content">链接</router-link><br/><router-view></router-view>
</div>
<script type="text/x-template" id="content"><div>cid:{{$route.params.cid}}----id:{{$route.params.id}}<br/><button @click="show">点击按钮</button></div>
</script>
<script>const content = {template: "#content",methods: {show() {console.log(this.$route.params);}}}let routes = [{path: '/content/:cid/show/:id', component: content}]let router = new VueRouter({routes});new Vue({el: "#demo",router});
</script>
</body></html>

　　地址：http://localhost/vueTest/055.html#/content/11/show/22

转载于:https://www.cnblogs.com/yiweiyihang/p/8296642.html

055——VUE中vue-router之路由参数的随意设置与伪静态链接地址处理：相关推荐

Vue中this.$router.push路由跳转,刷新参数消失
Vue中this.$router.push路由跳转,刷新参数消失 this.$router.push({name:"",params:{id:""}}) nam ...
vue中this.$router.push()路由传值和获取的两种常见方法
我们在做项目时 ,经常会遇到路由跳转页面传值的问题,有的路由跳转到导航页面时导航的样式也就改变了. 命名的路由(通过params) this.$router.push({name: "路径 ...
vue中如何获取当前路由地址
vue获取当前路由地址 1.router和$route的区别 $router: 路由操作对象,只写.需要对路由进行操作时使用.如路由跳转 $route: 路由信息对象,只读.获取路由相关信息时使用.如 ...
vue中的for循环路由二级路由
vue中的for循环路由二级路由 1.第一步先写需要使用的仓库,里面是需要循环的数据name的设置,class的名称,以及要跳转的路径名称 2.第二部分的样式,在正文中进行循环输出.这里需要使用rou ...
vue中如何返回历史路由_如何配置局域网中的多台无线路由器【图文教程】
出于无线接入或者无线覆盖范围扩展等需求,我们购买了若干台路由器,本文档主要描述如何通过多台路由器配合使用,达到家庭网络的全面覆盖. 家庭网络有线网络扩展为无线网络的方案假设已有一条ADSL宽带线(或 ...
Vue中 Vue.prototype 详解及使用——作用：避免和已被定义的数据、方法、计算属性产生冲突
Vue中 Vue.prototype 详解及使用--作用:避免和已被定义的数据.方法.计算属性产生冲突 **应用场景:**在很多组件里用到数据/实用工具,但是不想污染全局作用域.这种情况下,可以通过在 ...
Vue中的router路由
目录一,vue-router路由二,vue-router路由常用配置三,vue-router路由嵌套四,vue-router路由参数传递与获取五,使用props替代路由对象获取参数六,路由 ...
Vue中this.$router.replace和this.$router.push的区别
this.$router.push 跳转到指定URL,向history栈添加一个新的纪录,点击后退会返回至上一个页面. 声明式:< router-link :to = "-" ...
vue中计算属性computed传递参数
vue中computed计算属性无法直接进行传参,如果有传参数的需求可以使用闭包函数(也叫匿名函数)实现.例如传过来不同的状态,我们设置成不同的颜色.(三目运算符可以实现但是只能设置两种,状态多了就不 ...

055——VUE中vue-router之路由参数的随意设置与伪静态链接地址处理：

055——VUE中vue-router之路由参数的随意设置与伪静态链接地址处理：相关推荐

最新文章

热门文章