300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 实现:Vue点击按钮 跳转到新的页面。

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

时间:2023-07-03 18:29:32

相关推荐

实现: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';//获取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() 方法创建或改变某个新属性。

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

...完结!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。