VueRouter如何传值

简介: VueRouter如何传值

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

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

   

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

 

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

                 

相关文章
|
9月前
|
JavaScript
Vue 子传父 组件传参 defineEmits
Vue 子传父 组件传参 defineEmits
158 0
|
9月前
Vue3子传父 组件传参 defineEmits
Vue3子传父 组件传参 defineEmits
153 1
Vue-router如何传递参数
Vue-router如何传递参数
353 0
|
JavaScript
Vue -computed传参数
vue 中computed想传递参数怎么办? 闭包在这里起到的重要的作用 <input v-model="newItem(key,val)" type="text"/> computed:{ newIt...
3051 0
|
JavaScript
Vue 路由(vue-router)传值
Vue 路由(vue-router)传值
162 0
Vue 路由(vue-router)传值
|
9月前
|
JavaScript 小程序
vue 三种传值方法
vue 三种传值方法
|
9月前
|
JavaScript
Vue 父传子组件传参 defineProps
Vue 父传子组件传参 defineProps
|
9月前
vue3中的父子间传值
vue3中的父子间传值
68 0
|
JavaScript
vue的父子传参
vue的父子传参
91 0

热门文章

最新文章