在Vue 2.0中,你可以使用原生JavaScript的window.location.href来实现页面跳转到外部链接。你可以在方法中调用它,或者直接在模板中使用事件绑定。
以下是一个示例代码,展示了如何在Vue组件中实现跳转:
<template>
<div>
<button @click="goToExternalUrl('https://www.example.com')">访问外部链接</button>
</div>
</template>
<script>
export default {
methods: {
goToExternalUrl(url) {
window.location.href = url;
}
}
}
</script>
在这个例子中,当用户点击按钮时,goToExternalUrl方法会被调用,并将window.location.href设置为指定的外部链接。这将导致浏览器加载新的URL,从而跳转到外部网页。