在同一个Vue项目中的不同vue和HTML页面之间进行跳转

---

导文

这在同一个Vue项目中的不同HTML页面之间进行跳转

文章重点

在你的Vue项目中创建一个新的Vue组件，用于包含你要跳转的目标HTML页面。确保这个组件的模板文件和JavaScript文件都正确地组织在你的项目中。

如果你要跳转到的目标HTML页面不是Vue组件，你可以将其作为静态文件放置在项目的public文件夹中。然后，你可以直接使用相对路径或绝对路径来访问该页面。例如，如果你的目标HTML页面位于public/other-page.html，你可以直接在浏览器中访问http://localhost:8080/other-page.html（假设你的开发服务器正在运行在默认的8080端口）。请确保你在服务器配置中设置了正确的文件路径和端口。

vue页面代码

vue-html：

  <div @click="handerVideo(1)">
            人脸识别
  </div>

methods：

 handerVideo(val) {
    
    
      window.location.href = `/static/Video.html`; // 这里替换成你想要跳转的外部HTML页面的URL
    },

您好，我是肥晨。
欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。