Vue 路由跳转至外界页面
用法如果使用路由是在 vue 页面中来回跳转,可以使用 this.$router.push() 实现,但是如果想用这种方法跳转到外部链接就会报错,因为外部页面中是存在 HTTP 等前缀的。解决办法:1. 在 data 中定义好要跳转的外部链接data() {return {url: 'http://www.baidu.com'}}2. 按钮中创建单击事件<button @click='rou
·
用法
如果使用路由是在 vue 页面中来回跳转,可以使用 this.$router.push() 实现,但是如果想用这种方法跳转到外部链接就会报错,因为外部页面中是存在 HTTP 等前缀的。
解决办法:
1. 在 data 中定义好要跳转的外部链接
data() {
return {
url: 'http://www.baidu.com'
}
}
2. 按钮中创建单击事件
<button @click='routeClick(url)'></button>
3. 函数实现
method: {
routeClick(e) {
// 通过此方法可以使用
window.location.href = e;
}
}
更多推荐
已为社区贡献6条内容
所有评论(0)