首页 > 其他分享 >elementui admin中使用外部链接 iframe进行页面的展示

elementui admin中使用外部链接 iframe进行页面的展示

时间:2023-06-27 15:11:06浏览次数:52  
标签:控件 elementui admin 外部 iframe linkUrl 链接 页面

有时候我们需要外部链接进行展示而且想要这个外部链接的页面不是打开新窗口而是嵌入在项目布局中,就需要用到iframe控件了, iframe控件不需要安装依赖包,可以直接使用

1.在template中写

<template>     <div>         <iframe :src="linkUrl" frameborder="0" :style="{'height':ifHeight,'width':'100%','margin-left':'10px'}"></iframe>     </div> </template>
2.在script中写
<script> export default {     data () {         return {             linkUrl:''         }     },     computed:{         ifHeight(){             return document.body.clientHeight + 'px'         }     },     mounted(){         this.linkUrl =  ”链接地址“     } } </script>

标签:控件,elementui,admin,外部,iframe,linkUrl,链接,页面
From: https://www.cnblogs.com/luzanzan/p/17508916.html

相关文章

  • 基于vue+elementUI使用vue-amap高德地图
    首先,需要去高德地图进行注册一个https://lbs.amap.com/?ref=https://console.amap.com/dev/index,得到一个key然后安装依赖npminstallvue-amap—save在main.js中加入importVueAMapfrom'vue-amap’;Vue.use(VueAMap);VueAMap.initAMapApiLoader({key:'YOUR_KEY’......
  • vue-element-admin 动态路由踩坑之路。。。
    参考帖子1.菜单详解(主要是加载原理,还有一些脚本,json格式的参考)https://blog.csdn.net/weixin_44922964/article/details/120927244https://blog.csdn.net/qq_57581439/article/details/1278629972.三级路由:https://www.cnblogs.com/netcore-vue/p/14911375.html(这个主要是加载......
  • Taurus .Net Core 微服务开源框架:Admin 插件【2】 - 系统环境信息管理
    前言:继上篇:Taurus.NetCore微服务开源框架:Admin插件【1】-微服务节点管理本篇继续介绍下一个内容:1、系统环境信息节点- OS-Environment界面 基本信息如上图,重点的几个参数:1、App-StartTime:应用程序启用时间,可以在更新程序或配置文件后,查看该时间,看应用程序是否更......
  • fastadmin 根据某个字段的值控制另一个字段显示与隐藏
    {field:'switch',title:__('Switch'),table:table,//formatter:Table.api.formatter.toggle......
  • Taurus .Net Core 微服务开源框架:Admin 插件【1】 - 微服务节点管理
    前言:最近发现NetCore的文章有点少,特来补几篇。上一篇:Taurus.mvc.NetCore微服务开源框架发布V3.1.7:让分布式应用更高效。自上篇之后,期间更新了4个小版本,更新如下:-----V3.1.7.1----------------1、优化:请求头输出【标识主机IP号、进程号】(2023-06-07)2、优化:Gateway负载......
  • fastadmin 一键操作注意事项,导入excel注意事项
    生成文件控制器名cms/Xxx模型名cms/Xxx生成菜单找到控制器,一键生成导入的注意事项1.另存为csv格式用csv导2.字段名,对应上3.可以在import控制器里,进行数据校验4.安装fileinfo扩展5.关于文本和科学计数法的处理......
  • iframe标签里的dom元素无法获取
      一、问题类似于这种,想要获取iframe里面的body元素获取不到;  二、原因看了一下帖子,是由作用域的问题,我们的querySelector只能获取到本作用域下的dom元素。 三、解决constbar=document.getElementById('ueditor_0').contentDocument.querySelectorAll('body')......
  • elementui 分页page-size current-page 不随着组件改变问题
    问题出在未使用 .sync上!:current-page.sync="pageData.PageIndex":page-size.sync='pageData.PageSize'<el-pagination@size-change="handleSizeChange"@current-change="handleCurrentChange":curren......
  • ElementUI 获取table中选中的行的两种方式
    Element获取table中选中的行的两种方式<el-tableref="multipleTable":data="data"style="width:100%"border@selection-change="selectionLineChangeHandle"></el-table>   //数据保存data(){return{dataonLineLi......
  • Admin实体类
    publicclassAdmin{privateIntegeradminAccount;privateStringadminPassword;publicIntegergetAdminAccount(){returnadminAccount;}publicvoidsetAdminAccount(IntegeradminAccount){this.adminAccount=adminAccount;......