使用window.open和vue router新开页面

//指定新窗口的名称、大小和其他选项window.open('https://www.example.com', '_blank', 'width=800, height=600');  
 
 // 在新标签页中打开指定 URL
window.open('https://www.example.com');
 
// 在具有特定名称的窗口中打开链接（如果不存在，则打开新窗口）
window.open('https://www.example.com', 'myWindow');
 
// 在指定大小的新窗口中打开链接
window.open('https://www.example.com', '_blank', 'width=800, height=600');

setTimeout(() => window.open(url, "_blank"))

// 字符串路径
router.push('/users/eduardo')
 
// 带有路径的对象
router.push({ path: '/users/eduardo' })
 
// 命名的路由，并加上参数，让路由建立 url
router.push({ name: 'user', params: { username: 'eduardo' } })
 
// 带查询参数，结果是 /register?plan=private
router.push({ path: '/register', query: { plan: 'private' } })
 
// 带 hash，结果是 /about#team
router.push({ path: '/about', hash: '#team' })

// 跳转到带查询参数的URL
this.$router.push({ path: '/path', query: { key1: 'value1', key2: 'value2' } });
 
// 获取查询参数
console.log(this.$route.query.key1); // 输出：'value1'

// 跳转到带路径参数的URL
this.$router.push({ path: '/path/value1/value2' });
 
// 获取路径参数
console.log(this.$route.params.param1); // 输出：'value1'

const params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
params.append('param3', 'value3');
 
const url = `https://www.example.com/newpage?${params.toString()}`;
window.open(url);

// 假设 URL 为 https://example.com/?name=John&age=25&city=New%20York
 
const urlParams = new URLSearchParams(window.location.search);
 
// 获取单个参数的值
const name = urlParams.get('name');
const age = urlParams.get('age');
const city = urlParams.get('city');
 
console.log(name); // 输出：John
console.log(age); // 输出：25
console.log(city); // 输出：New York

import { useRouter } from 'vue-router';
 
export default {
  setup() {
    const router = useRouter();
 
    // 获取 URL 参数
    const name = router.query.name;
    const age = router.query.age;
    const city = router.query.city;
 
    console.log(name); // 输出：John
    console.log(age); // 输出：25
    console.log(city); // 输出：New York
 
    // 其他逻辑...
 
    return {
      // 返回组件的响应式数据和方法...
    };
  }
};