vue-router 利用url传递参数
Vue 利用 参数 url 传递 Router
2023-09-11 14:22:19 时间
1.在/src/router/index.js文件里配置路由
2.编写Params.vue
<template> <div> <h2>{{ msg }}</h2> <p>ID:{{ $route.params.Id}}</p> //输出Url 传递的Id <p>标题:{{ $route.params.Title}}</p> //输出 Url 传递的 Title //对应的是这里 path:'/params/:Id/:Title',
</div> </template> <script> export default { name: 'params', data () { return { msg: 'params page' } } } </script>
3. 在App.vue 设置 <router-view>标签,显示出来页面
效果:
2018-06-18 20:37:43
相关文章
- (尚031)Vue_案例_自定义事件(组件间通信第2种方式:vue自定义事件)
- vue.js--基础 事件结合双向数据绑定实现todolist 待办事项 已经完成 和进行中,键盘事件
- [转] vue自定义组件中的v-model简单解释
- [转] vue自定义组件(通过Vue.use()来使用)即install的使用
- 基于 Vue.js 之 iView UI 框架非工程化实践记要 使用 Newtonsoft.Json 操作 JSON 字符串 基于.net core实现项目自动编译、并生成nuget包 webpack + vue 在dev和production模式下的小小区别 这样入门asp.net core 之 静态文件 这样入门asp.net core,如何
- vue - Vue介绍
- 【Vue】项目打包部署到iis服务器中
- 【Vue/Js】如何解决谷歌浏览器(chrome)扩展插件安装后,再打开自动消失问题(两种解决方案)
- 【Vue+element+admin】登陆页面篇(login.vue)
- vue生命周期
- HBuilder 打包 vue-cli 构建的 APP
- Vue: 兄弟组件利用自定义Bus传参
- 【vue系列-03】vue的计算属性,列表,监视属性及原理
- Vue + Webpack 坑爹锦集
- 关于Vue中main.js,App.vue,index.html之间关系进行总结
- vue中安装及使用animate.css
- vue router导航守卫与不同的历史模式
- 【vue create】二.配置Esline、less、nprogress、ant-design-vue、环境变量env、axios、vuex、Router、路由守卫以及登录页
- Vue 安装“npm install -g @vue/cli”发生npm WARN deprecated request@2.88.2: request has been deprecated,的错误解决方法
- 浅谈vue中插件的使用方法Vue.use(xxx),原理及实现
- vue组件值传递之父组件向子组件传递(props)
- VUE的mixin混入解析
- vue问题解决:Vue packages version mismatch 版本始终不对的解决
- Vue-cli 4在vue.config.js中配置别名
- vue项目搭建mock服务(利用MockJs)
- 前端技术:vue(Vue项目中-axios设置默认请求地址和请求头)
- vscode快速生成vue代码---创建Vue代码模板
- Vue 之 mockjs 结合 axios 在 vue 中的随机数据生成的简单使用
- Django+Vue项目学习第六篇:vue+django发送post请求,设置不同content-type,前后端如何处理参数
- vue-解决Vue打包上线之后部分CSS不生效的问题
- Vue:自定义指令的简单用法以及自定义指令模块化
- Vue常见的事件修饰符