在vue项目中点击跳转新页面单独的html

在vue项目中点击跳转新页面

一：在public文件下新建一个文件夹

1.文件名可以根据内容命名
2.该文件夹下面的文件是index
3.跳转新页面用到空白页面
window.open("/文件夹名称", “_blank”);
4.即要在项目中显示，也要跳转页面显示，用到embed

二：引用html的文件的页面

1.我起的文件夹名称是htmlModel
2.访问的是htmlModel文件夹下面的index.html文件

<template>
  <div>
    <div style="cursor:pointer">
      <i
        @click="clickTo"
        class="el-icon-full-screen"
        style="font-size:30px;position:absolute;right:20px;font-weight:700"
      ></i>
      <embed :src="src" width="100%" height="100%" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      src: "/htmlModel"
    };
  },
  created() {},
  methods: {