vue3点击跳转地址

在Vue3中，点击事件通常会绑定在一个组件的某个按钮或链接上，然后通过`router-link`或直接的`v-link`指令来进行页面跳转。假设你正在使用Vuex Router管理路由：

<!-- 使用vue-router的router-link -->
<template>
  <button @click="goToPage">点击跳转</button>
</template>

<script>
import { useRouter } from 'vue-router'

export default {
  methods: {
    goToPage() {
      const router = useRouter()
      router.push('/your-desired-url') // 替换 '/your-desired-url' 为你实际需要跳转的路径
    }
  }
}
</script>

<!-- 如果使用的是绝对路径或者其他方式 -->
<button v-bind:href="'/your-desired-url'">点击跳转</button>

如果你只是简单地想跳转到一个URL，也可以使用JavaScript的`window.location.href`属性：

goToPage() {
  window.location.href = '/your-desired-url'
}