Giter Club home page Giter Club logo

Comments (4)

bhuh12 avatar bhuh12 commented on May 26, 2024

https://github.com/bhuh12/vue-router-tab/blob/master/lib/util/routes.js

这个是注入的 iframe 页签路由配置,路由相对 RouterTab 父路由

你可以这样拼接路由地址以访问 iframe 页签。
title 和 icon 不是必需的
注意: 链接的参数需要 encodeURIComponent 编码处理

path: 'iframe/:src/:title?/:icon?'

from vue-router-tab.

sleiphur avatar sleiphur commented on May 26, 2024

谢谢您的指导,现在我已经可以成功从左侧menu中打开一个iframe页面了。
打开的iframe页面,高度没有撑满整个区域,查了一下,似乎是有个min-height:300px;在作用,有没有什么方法,可以使得这个页面撑满100%的高度呢?就像demo中用routerTab.openIframe这个方法打开的tab页,就可以撑满整个高度。
jietu

from vue-router-tab.

bhuh12 avatar bhuh12 commented on May 26, 2024

这个需要你自己调整 RouterTab 的样式以适应你页面的布局。
RouterTab 采用 flex 布局来控制内部内容,添加 min-height 是为了在默认无外部样式是情况下也能展示页面内容。

from vue-router-tab.

sleiphur avatar sleiphur commented on May 26, 2024

谢谢,明白了,在应用中增加了height的css,效果也达成了。

from vue-router-tab.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.