傳遞引數有兩種方式: 由 taskList.vue 點選view按鈕 跳轉至taskviewIndex;

1、push  name+params;

this.$router.push({name:'taskViewIndex', params:{taskId:111, taskNameM:'first task name'}});

this.$router.push({path:'./taskViewIndex', query:{taskId:111, taskNameM:'first task name'}});

methods: {
    show (index) {
        // this.$Modal.info({
 
        //     title: 'User Info',
        //     content: `id：${this.rows[index].taskId}<br>name：${this.rows[index].taskName}<br>`
        // });
        //傳參方式一： 詳情帶name url顯示傳參
// this.$router.push({path:'./taskViewIndex', query:{taskId:111, taskNameM:'first task name'}});
        //傳參方式二： param帶name 
 
隱藏傳參
this.$router.push({name:'taskViewIndex', params:{taskId:111, taskNameM:'first task name'}});
},

{
    path: '/taskViewIndex/:taskId?',
meta: {
        title: ''
},
name:'taskViewIndex',
component: (resolve) => require(['../views/task/viewTask/taskViewIndex.vue'
 
], resolve)
},

<div class="camp_baseinfo">
    <ul class="clearfix">
        <li class="clearfix">
<!--<span class="bi_tit"><spring:message code="task.taskName"/>：</span>-->
<span class="bi_tit">{{$t("taskName")}}:</span>-
            <span class="bi_cont">{{this.$route.params.taskNameM}}</span>
<!--<span class="bi_cont">{{this.$route.query.taskNameM}}</span>-->
</li>

其中query的引數會在請求url中顯示出來；