Vue 页面跳转不用router-link的实现代码

发布时间：2020-12-17 02:20:35 所属栏目：百科来源：网络整理

导读：1、给父页面跳转的地方设置事件 //带参数进行编辑 //要跳转过去的页面用隐藏来代替 div v-if="addShow" class="add-category " el-col :span="20" :offset="2" el-form :model="formData" :rules="rules" ref="formData" label-position="left" //v-model绑

1、给父页面跳转的地方设置事件

//要跳转过去的页面用隐藏来代替
<div v-if="addShow" class="add-category ">
<el-col :span="20" :offset="2">
<el-form :model="formData" :rules="rules" ref="formData" label-position="left">

//v-model绑定formData.name(name为需要的字段,formDataw为表格ref绑定的数据)

确定

2、JS部分

3、最后上效果图

补充：

vue router-link跳转传值示例

1、router-link

2、routes路由

3、取值

4、小结：router-link跳转传值要注意的地方

* to前面要加: * to后面{中的name值要与路由中的name值一致 * 下面的这种方式是错误的

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!