el-row让内容垂直方向贴着下边界

`el-row` 是 Element UI 中的一个栅格系统组件，主要用于布局管理，它在 Vue.js 应用中创建一行（row）。当你在 `el-row` 中放置内容时，默认情况下，如果内容没有设置高度或撑满高度，内容会在水平方向等分列，在垂直方向则会自适应剩余空间，除非你特别设置了 `justify` 或 `align` 属性。

如果你想让 `el-row` 内的内容紧贴着其下面的边界，可以考虑以下几种方式：

1. **设置固定高度**：给 `el-row` 的直接子元素添加 `style` 标签，并设定 `height: auto;` 或者具体的像素值，使其自动填充满行的高度。

<el-row>
  <div style="height: 100%;"> <!-- 或其他高度值 --> Your content here...</div>
</el-row>

2. **使用 flex 布局**：通过 CSS `display: flex;` 和 `align-items: flex-end;` 可以使内容向底部对齐。

.el-row {
  display: flex;
  align-items: flex-end;
}

然后在 HTML 中正常编写 `el-col` 子元素即可。

3. **调整 justify 属性**：如果你希望内容在左右两边留有空白，而将内容拉伸到底部，可以设置 `justify` 为 `flex-start`，这样子元素会沿行首对齐，底部留白。

<el-row :justify="justifyValue">
  <!-- Your content here... -->
</el-row>

其中 `justifyValue` 可以是 `'start'`, `'center'`, `'end'` 等。