vue中不同模块间的跳转

1、在源列表里添加路由：

// 将源列表的项目id作为路由参数
<el-table-column prop="project_name" label="项目名称" align="center"><template slot-scope="scope" ><router-link :to="{path:'/project/email', query: { id: scope.row.id }}"><span v-if="scope.row.project_name">{{scope.row.project_name}}</span> </router-link></template>
</el-table-column>

2、在目标列表中监听路由：

// 路由切换页面刷新
activated() {if(this.$route.query){// 将路由参数作为搜索条件进行过滤this.searchForm.project_id = this.$route.query.id}this.pageNo = 1this.loadData(this.searchForm, this.pageNo, this.pageSize)
},

vue中不同模块间的跳转相关推荐

Vue中this.$router.push路由跳转,刷新参数消失
Vue中this.$router.push路由跳转,刷新参数消失 this.$router.push({name:"",params:{id:""}}) nam ...
ios业务模块间互相跳转的解耦方案
*此文章需有一点runtime的知识,假设你不了解runtime,<高速理解Runtime of Objective-C>: http://mp.weixin.qq.com/s?__biz ...
Android Studio两模块间getLaunchIntentForPackage跳转，出现intent为null，已解决
Intent intent = getPackageManager().getLaunchIntentForPackage("com.example.app2");if (inte ...
前端笔记-vue中使用router进行页面跳转及除掉url中的#
目录演示代码演示运行截图如下: 点击后,url跳转如下: 代码页面跳转的关键程序结构如下: aaa.vue <template><div>我是aaa<butt ...
在vue中，用路由router跳转打开一个新标签页
需求:点击退租单,生成一个退款表格(打印PDF).需要跳转到一个新标签页. 一.用JS实现 let routeUrl = this.$router.resolve({path: "/surr ...
vue中实现文字间加空格的方法
下面这个方法偶然间试出来的,可行:必须要同时设置word-spaceing 和 \xa0 <div style="word-spacing:10px">车{{" ...
vue中$router以及$route的使用
路由基本概念 route,它是一条路由. { path: '/home', component: Home } routes,是一组路由. const routes = [{ path: '/home ...
高性能服务器设计——模块间通信（转载）
文章来源:http://blog.csdn.net/jiang1013nan/article/details/17474769 在同一台机器上,不同进程之间的,数据通信方式主要有:socket.uni ...
Vue中 Vue.prototype 详解及使用——作用：避免和已被定义的数据、方法、计算属性产生冲突
Vue中 Vue.prototype 详解及使用--作用:避免和已被定义的数据.方法.计算属性产生冲突 **应用场景:**在很多组件里用到数据/实用工具,但是不想污染全局作用域.这种情况下,可以通过在 ...

vue中不同模块间的跳转

vue中不同模块间的跳转相关推荐

最新文章

热门文章