vue的div怎么跳转

百变鹏仔 3个月前 (09-25) #VUE

文章标签跳转

vue 中 div 元素跳转的方法有两种：使用 vue router，添加 router-link 组件。添加 @click 事件监听器，调用 this.$router.push() 方法跳转。

Vue 中 div 如何跳转

方法一：使用 Vue Router

Vue Router 是 Vue.js 官方推荐的路由库，用于管理单页面应用程序中的路由。通过使用 router-link 组件，可以在 div 元素上添加一个跳转链接：

<template><div>    <router-link to="/about">关于我们</router-link></div></template><script>  import { router } from '@/router'</script>

方法二：使用 @click 事件监听器

可以在 div 元素上添加一个 @click 事件监听器，在触发时使用 this.$router.push() 方法跳转到指定的 URL：

立即学习“前端免费学习笔记（深入）”；

<template><div>关于我们</div></template><script>  import { router } from '@/router'  export default {    methods: {      goToAbout() {        this.$router.push('/about')      }    }  }</script>

如何选择方法

文章推荐

vue的div怎么跳转

Vue 中 div 如何跳转

如何使用Vue和网易云API构建高性能的音乐搜索引擎

Vue中使用v-model的双向绑定优化应用的数据性能

Vue和Canvas：如何实现在线头像裁剪和尺寸调整工具

Vue组件通讯的实现方式有哪些？

如何使用Vue和网易云API开发一款智能化的音乐播放器