十三、 vben打开新标签Tab，带参数

1，在菜单中定义目标Tab访问路径，带参数

/ganttpages/mmpimport/:projected

其中“:projected”时参数

此处为打开从项目列表中打开甘特图的测试

2，导入跳转函数

import { useGo } from '/@/hooks/web/usePage';

const go = useGo();//取得跳转函数，重要！！！

Use Go（）函数里调用了rout的replace（）或者push（）跳转！！

3跳转函数

function handleGo(record: Recordable) {

  // console.log('-----------------record----'+JSON.stringify(record));

  go(`/ganttpages/mmpimport/${record.projectname}`);//菜单路径+参数

}

4调用handleGo();

/**

   * 操作栏

   */

function getTableAction(record) {

  return [

    {

      label: '编辑',

      onClick: handleEdit.bind(null, record),

    },

    {

      label: '清单Goo',

      onClick: handleGo.bind(null, record),

    },

  ]

}

5接收端 进入

import { useTabs } from '/@/hooks/web/useTabs';

import { useRoute } from 'vue-router';

setup() {

    const route = useRoute();

    const index = route.params?.projectid ?? -11;//从路径中取出参数projectid

    console.log('--------index----${index}');

    const { setTitle } = useTabs();

     // 设置标识

     setTitle(`No.${index} - 详情信息`);//??不生效??????????

   

    return {

        index,

        setTitle,

      };

  },

6,显示参数

 {{ index }} -内容在此

、、、、

    const route = useRoute();

    const projectid = route.params?.projectid ?? -1;

    console.log('----------------projectid------'+projectid);

    const { setTitle } = useTabs();

     // 设置标识

     setTitle(`No. - 详情信息`);//？？？？？？？？？？？？？？？？、