vue嵌入html页面显示

1，html文件必须放到根目录的public下（有静态文件夹static的好像也可以，没试过）2，在使用的vue页面引入<div><iframesrc="../../../../../beijing.html"frameborder="0"style="width: 100%; height: 100%"id="iframeBox"></iframe>&l

vip李少

3924人浏览 · 2021-06-08 15:22:08

vip李少 · 2021-06-08 15:22:08 发布

1，html文件必须放到根目录的public下（有静态文件夹static的好像也可以，没试过）

在这里插入图片描述 2，在使用的vue页面引入

  <div>
      <iframe
        src="../../../../../beijing.html"
        frameborder="0"
        style="width: 100%; height: 100%"
        id="iframeBox"
      ></iframe>
    </div>

在这里插入图片描述路径对的就可以正常显示HTML，（为什么我这个路径没加public呢？应为是静态资源所以不需要）

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^