第一种方法: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';//获取refconst 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() 方法创建或改变某个新属性。
如果指定属性已经存在,则只设置该值。
...完结!