子组件上下结构布局自适应父组件宽度高度

1、父级页面

<template><div><div class="parentDiv"><!-- gys-org-navigator 在这里是全局注册组件 --><gys-org-navigator ref="orgNavigator" :org-tree="orgTree" :org-id="orgId" :org-type="orgType" @select="doSelect" /></div></div>
</template>
<style scoped>.parentDiv{width: 220px;height: 600px;}
</style>

View Code

2、子组件页面内容

css部分内容：

<template><div><div class="query-search"></div><div class="tree-list-warp-panel"></div></div>
</template>
<style scoped>
.query-search {position: relative;background: #fff;z-index: 9;
}
.tree-list-warp-panel {position: absolute;top: 35px;min-height: 50px;left: 0;right: 0;bottom: 0;overflow-y: auto;
}
</style>

转载于:https://www.cnblogs.com/phermis/p/11599257.html

子组件上下结构布局自适应父组件宽度高度相关推荐

子组件是表格时向父组件传值
子组件是表格,点击父组件中的某一行,弹出子组件另一个表格,当子组件中选择,触发onChange事件时,获取触发该事件对象e,通过e.target.value获取value值,将value值更新到从父组 ...
[vue] 在子组件中怎么访问到父组件的实例？
[vue] 在子组件中怎么访问到父组件的实例? 通过this.$parent 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与歌谣一起通关前 ...
vue请求数据传给子组件_vue.js基础，父组件如何向子组件传递数据「607」
本文只有一个学习点. 父组件如何向子组件传递数据. 一起学习,更多文章请关注我的头条号,我是落笔承冰. 一.先创建一张空白网页index.html,在head标签里设置好vue的链接库. 二.写一个绑 ...
【Vue开发实战课后题】子组件为何不可以修改父组件传递的props？
在 Vue 中,子组件为何不可以修改父组件传递的 Prop,如果修改了,Vue 是如何监控到属性的修改并给出警告的. 一.为何不可以修改伏组件传递的Prop? 因为Vue是单向数据流,为了保证数据的单 ...
vue父子组件传值：详解父组件向子组件传值（props）
vue父子组件传值:父组件向子组件传值用的是props 1.定义父组件 1)父组件想要向子组件传值时,那么需要在子组件引入的地方绑定一个属性,属性值就是要传的数据,并且要在父组件中引入子组件. 2)这 ...
VUE子组件如何改变父组件传来的值，以及VUE子组件如何修改父组件的值，以及父组件修改子组件的值
一)子组件修改父组件传来的值: 父组件传递给我一个名为deptName数据,但是现在我要在子组件中修改它的值并且实时更新页面,直接this.deptName是不能直接修改他的值的,所以我采用了使用一个 ...
（Vue爬坑）子组件的渲染时间比父组件的渲染时间快导致数据的问题
子组件的渲染时间比父组件的渲染时间快导致数据的问题问题:父组件的在mounted钩子函数中拿接口的数据 ,然后渲染给子组件:因为子组件渲染的速度比父组件快,所以子组件的pros内的数据是空的解决问 ...
vue ref是在组件里唯一吗_父组件伸手子组件的方式总结
1. 前言这篇文章就是总结react,vue父组件如何伸手获取子组件的数据以及调用子组件方法的. 2. react 以下的代码都是基于16.8版本. 2.1 类组件 react在hook出来前,只要 ...
vue父组件变量传递子组件_Vue2.x中的父组件数据传递至子组件
父组件结构 template :girls="aGirls"> script import vGirlGroup from './GirlGroup' export defa ...

子组件上下结构布局自适应父组件宽度高度

子组件上下结构布局自适应父组件宽度高度相关推荐

最新文章

热门文章