vue项目中使用iframe标签引入外部html,并进行数据交互!

首先是vue中引入iframe的src怎么引用路径的坑!首先我们需要把静态的html文件和css,js文件放在public目录下.在iframe标签中引用的时候不要使用public/下的什么,这是不对的.去掉public,直接引用即可.(还是打包后发现放在public文件下的文件都会放在根目录,并没有public这个目录)下面就介绍一下怎么交互的问题.vue文件里的写法:...

芈鹿

6316人浏览 · 2019-10-23 15:03:46

芈鹿 · 2019-10-23 15:03:46 发布

首先是vue中引入iframe的src怎么引用路径的坑!

首先我们需要把静态的html文件和css,js文件放在public目录下.

在iframe标签中引用的时候不要使用public/下的什么,这是不对的.去掉public,直接引用即可.(还是打包后发现放在public文件下的文件都会放在根目录,并没有public这个目录)

下面就介绍一下怎么交互的问题.

vue文件里的写法:

iframe文件里的js的写法:

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}$/, //不连续的两位字母// /^