2022年12月4日

Vue中优雅的更改iframe嵌入页面的样式

摘要: 通过外部引入css文件来控制嵌入页面的样式 公共iframe组件封装 传入属性: 嵌入页面路径 css文件名称(默认放在/static/css/下),默认css文件名可以自己定义,在确定嵌入页面不多,相互之间的css属性不会冲突的情况下,可以使用一个css文件 <template> <div cla 阅读全文

posted @ 2022-12-04 16:31 铃之森 阅读(1403) 评论(0) 推荐(0) 编辑

vue中父元素动态获取iframe高度

摘要: 背景:在vue开发中(不论是vue2还是vue3),我在页面中打印都可以拿到document.getElementById('iframe')的DOM节点,但就是在页面中不显示,需要等待iframe挂载上去,再进行响应的DOM操作,因此使用了setTimeout 例如: <template> <if 阅读全文

posted @ 2022-12-04 16:01 铃之森 阅读(1008) 评论(0) 推荐(0) 编辑

修改iframe里的css样式及跨域问题

摘要: 前段时间给一个客户制作网站在线客服的时候遇到一个问题,客户想尽量美化一下客服的框,而我们研究发现,客服框其实是iframe引用的外部资源。开始我们也天真地以为,自己写段代码,再优化一下css就可以完美实现客户想要的效果了,其实不然。 工作中总能遇到 引用别人的页面,就会带来很多问题,比如iframe 阅读全文

posted @ 2022-12-04 15:53 铃之森 阅读(7031) 评论(0) 推荐(1) 编辑

导航