Vue中优雅的更改iframe嵌入页面的样式
摘要：通过外部引入css文件来控制嵌入页面的样式 公共iframe组件封装 传入属性： 嵌入页面路径 css文件名称（默认放在/static/css/下），默认css文件名可以自己定义，在确定嵌入页面不多，相互之间的css属性不会冲突的情况下，可以使用一个css文件 <template> <div cla
阅读全文
posted @ 2022-12-04 16:31
随笔分类 - iframe
iframe嵌套页面
vue中父元素动态获取iframe高度
摘要：背景：在vue开发中（不论是vue2还是vue3），我在页面中打印都可以拿到document.getElementById('iframe')的DOM节点，但就是在页面中不显示，需要等待iframe挂载上去，再进行响应的DOM操作，因此使用了setTimeout 例如： <template> <if
阅读全文
posted @ 2022-12-04 16:01
修改iframe里的css样式及跨域问题
摘要：前段时间给一个客户制作网站在线客服的时候遇到一个问题，客户想尽量美化一下客服的框，而我们研究发现，客服框其实是iframe引用的外部资源。开始我们也天真地以为，自己写段代码，再优化一下css就可以完美实现客户想要的效果了，其实不然。 工作中总能遇到 引用别人的页面,就会带来很多问题，比如iframe
阅读全文
posted @ 2022-12-04 15:53
