VueRouter如何传值

简介: VueRouter如何传值

如果你是在写一个编辑或者新增弹窗的话, 根据需求改变之后, 突然被告知新增编辑必须要通过VueRouter实现, 当点击新增或者编辑时,跳转到另一个路由页面, 困惑来了, 如何把编辑值回显到另一个路由页面呢?

1. 步骤 1: router文件中路由配置页面内, 设置name属性作为跳转条件

   

2. 步骤2: 需要跳转的父路由组件, 点击跳转事件, 利用 params 传值

 

3. 步骤3: 将子路由组件需要的数据利用 this.$route.params.数据 引入该组件, 可作为判断条件等.

                 

相关文章
|
8月前
|
JavaScript
Vue 父传子组件传参 defineProps
Vue 父传子组件传参 defineProps
|
8月前
|
JavaScript API
Vue 组件传参 emit
Vue 组件传参 emit
|
JavaScript
Vue Router 学习 页面跳转以及传参
Vue Router 学习 页面跳转以及传参
79 0
|
8月前
|
JavaScript
Vue 子传父 组件传参 defineEmits
Vue 子传父 组件传参 defineEmits
155 0
|
4月前
|
JavaScript 网络架构
|
8月前
Vue3子传父 组件传参 defineEmits
Vue3子传父 组件传参 defineEmits
146 1
|
8月前
vue3中的父子间传值
vue3中的父子间传值
65 0
|
8月前
|
JavaScript 小程序
vue 三种传值方法
vue 三种传值方法
|
JavaScript 前端开发
Vue中如何绑定事件 传递参数
Vue中如何绑定事件 传递参数
135 0