关于前端:记录Vue把咨询控件插入到别人网站中

34次阅读

共计 287 个字符,预计需要花费 1 分钟才能阅读完成。

图片形容


思路

1、在网站加载实现后 onload 事件创立一个 div;
2、点击这个创立的 div 后生成 iframe

问题

创立的 iframe 限度了宽 / 高,所以征询控件会特地的小。

解决

1、采纳了插件实现了页面自适应,根部的 html 标签会有一个依据窗口自在变换的 font-size 自适应值。
2、当进去这个组件的时候在 onMounted 获取 html 给设置 font-size:’192px’ 即可同比放大。

留神点
1、征询控件组件,不能有其它不相干的货色;
2、地位要在屏幕右下角 0/0 地位,这样设置的时候同比放大能力刚好对上;
3、因为是要被别的网站拉去的,所以进去这个页面是不能有任何权限。

对应图示



正文完
 0