用法
如果使用路由是在 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;
}
}