vue父子组件以及el-table的行高设置

Posted on | Post modified:
简单说下最近工作上前端的一些作用点。1. 关于父子组件互相调用方法 2.element-ui中对于table行高的设置

element-ui针对table设置行高

默认的行高比较高，有时候在弹出框中使用table的方式，会导致一些展示问题，或者数据比较多，浪费太多的空间

1
2
3
4
5
6
7
8

<el-table
    :data="tableData"
    style="width: 100%"
    row-style="height:0"
    cell-style="padding:0"
	   max-height="90%"
    >

vue中父组件直接调用子组件的方法

  • 给子组件定义一个ref值，<child-component ref="childTask"></child-component>
  • 父组件中使用，直接通过this.$refs.child.xxxx使用即可