🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### iframe组件就是设置框架的组件。点击“![](https://img.kancloud.cn/55/0e/550e1fa654b4a55c19c65cfcc1813028_26x30.png)”图标,再点击“iframe”,即可创建iframe,如图4.51; ![](https://img.kancloud.cn/f6/a2/f6a2add61c676bdc90e00cf5e3173a1b_815x451.png) ![](https://img.kancloud.cn/e1/34/e1344fb2ba7607a8d73d2f6bfa952cfa_802x43.png) ## **一、组件名称设置** ### 选中该 iframe组件,在操作界面右侧的“图层名称”处可修改组件的名称,如图4.52。(名称最好要设置一下,方便后期组件管理) ![](https://img.kancloud.cn/0c/b8/0cb81ee0dbbf0b598bfb51526ec340e1_1786x1112.png) ![](https://img.kancloud.cn/2c/03/2c03e5e3c0da69d3bc5a3e05022cab8f_810x39.png) ## **二、地址** ### 该iframe组件显示的地址; ![](https://img.kancloud.cn/0c/b8/0cb81ee0dbbf0b598bfb51526ec340e1_1786x1112.png) ![](https://img.kancloud.cn/5b/a8/5ba870eef8643e0594a0bc6263fff87a_799x41.png) ## **三、接口设置** ### 1\. 数据类型 ### 数据类型分为静态数据和动态数据; * ### 静态数据:写死的数据; * ### 动态数据:会随着接口传过来的数据实时变化;(一般这种比较常用) ### 2\. 接口地址 ### (1)静态数据,接口地址传过来的内容要符合以下格式: ~~~ { "value": "https://cloud.baidu.com" } ~~~ ### (2)动态数据,接口地址传过来的内容要符合以下格式: ~~~ {"data":{"value":"http://news.baidu.com/"}} ~~~ ### 3\. 刷新时间 ### 这个参数主要针对动态数据设置的,完成数据的实时更新。 * ### 如果你想设置成5秒刷新一次,可以将刷新时间设置成“5000”; ### 4\. 刷新数据 ### 这个参数主要是重新请求以下接口,完成数据的更新。