实现：Vue点击按钮，跳转到新的页面。

第一种方法：routerLink标签-添加target="_blank" 。即可跳转新的页面

<router-link target="_blank" :to="{path:'/basicLifeChart',query:{valueNum:'1111'}}">八字排盘</router-link>


路由配置：
 {
    path:'/basicLifeChart',
    name:'basicLifeChart',
    component:()=> import('@/views/basicLifeChart.vue'),
    meta:{
      name:'基础命盘'
    }
  }

第二种方法：

语法是vue3

 <el-button type="primary" @click="onSubmit">开始排盘</el-button>
  <a style="width: 0; height: 0;" ref="target" href="" target="_blank"></a>







<script setup>
import { ref } from 'vue';

//获取ref
const target = ref(null);

// 点击事件
const onSubmit = () => {
    

    console.log(target.value);//a标签
    console.log(window.location);//获得端口协议域名
    target.value.setAttribute('href', window.location.origin + '/basicLifeChart')
    target.value.click()

}
 </script>

document.setAttribute() 方法创建或改变某个新属性。

如果指定属性已经存在,则只设置该值。

...完结！