1. 程式人生 > >vue中不同模組間的跳轉

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)
},