Vue 路由跳转至外界页面

用法

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