转载

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 = 1
    this.loadData(this.searchForm, this.pageNo, this.pageSize)
},
正文到此结束
本文目录