vue实现点击元素跳转至另一个网站
在Vue中,要实现点击元素后跳转至另一个网站,可以使用window.location.href
。这里提供一个简单的示例:
<template>
<div>
<button @click="goToExternalSite">访问外部网站</button>
</div>
</template>
<script>
export default {
methods: {
goToExternalSite() {
// 替换以下URL为你想要跳转的网站
const url = 'https://www.example.com';
window.location.href = url;
}
}
}
</script>
在上面的代码中,当按钮被点击时,goToExternalSite
方法会被触发,然后更新浏览器的window.location.href
属性,使得页面跳转到指定的外部网站。
评论已关闭