打开新页面、页面跳转tabs
vue3代码
//vue3语法使用
import { getCurrentInstance } from 'vue';
const { proxy } = getCurrentInstance();
//注意,如果需要每次打开tabs页面获取参数,请配置禁用页面缓存,见上面:禁用页面缓存
//打开tabs实际也是执行的路由跳转,需要打开的tabs必须是一个路由页面
//手动打开tabs
/*
* text打开的tab显示的名称
* path路由path
* query跳转的参数,可选,如果需要建议使用query
*/
proxy.$tabs.open({
text: '个人中心',
path: '/userinfo',
query: {a:1,b:2}//参数名
});
//手动关闭tabs,参数为路由path
proxy.$tabs.close('/userinfo');
//手动刷新页面缓存
proxy.$tabs.clearCache(name)//name为vue文件名(只有vue3页面才有效)
vue2 代码
//注意,如果需要每次打开tabs页面获取参数,请配置禁用页面缓存,见上面:禁用页面缓存
/*打开tabs实际也是执行的路由跳转,需要打开的tabs必须是一个路由页面*/
//手动打开tabs,
/*
* text打开的tab显示的名称
* path路由path
* query跳转的参数,可选,如果需要建议使用query
*/
this.$tabs.open({
text: '个人中心',
path: '/userinfo',
query: {a:1,b:2}//参数名
});
//手动关闭tabs,参数为路由path
this.$tabs.close('/userinfo');