vue项目中实现链接跳转几种方法(打开新页面)

3537 ℃

vue项目中实现链接跳转有哪些方法,如何在新页面打开,下面web建站小编带大家了解一下实现代码!

router-link跳转

// 直接写上跳转的地址
<router-link to="/index1">link跳转</router-link>
  
// 添加参数
<router-link :to="{path:'/index2', query:{id:1,name:'web'}}"></router-link>

// 新窗口打开
<router-link :to="{path:'/index3', query:{id:1,name:'web'}}" target="_blank"></router-link>

利用this.$router.replace跳转

toIndex (e) {
  this.$router.replace({name: '/index', params: {id: e}})
}

利用this.$router.push跳转

toIndex (e) {
  this.$router.push({name: "/index", params: {id: e}})
}

利用resolve跳转

toIndex (e) {
  const new = this.$router.resolve({name: '/index', params: {id: e}})
  window.open(new.href,'_blank')
}

php如何实现满足条件后自带跳转页面

js如何实现异步任务队列(异步加载)的方法

vue为什么要使用异步组件(代码介绍)

vuejs怎么实现路由跳转?

vuejs实现页面跳转的的几种方式

标签: resolve, router-link, 链接跳转

上面是“vue项目中实现链接跳转几种方法(打开新页面)”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2904.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
vue语法中v-show和v-if有什么不同
什么是javascript深拷贝
百度echarts做一个3d地图+柱状图(动态旋转)
关于dede织梦后台的文件式管理器里无法删除文件
el-table解决@cell-mouse-enter和type="selection"同时存在bug