Element-Plus el-row竖向排列

Element Plus 是基于 Vue.js 的 UI 组件库，它提供了一套简洁、易用的界面组件。其中 `el-row` 是 Element Plus 中用于布局的元素，用于创建响应式的网格系统。当你将其设置为竖向排列（vertical direction），你可以通过 `justify` 或 `align` 属性来控制行内内容的对齐方式。例如：

<template>
  <el-row type="vertical" :justify="justifyValue" :align="alignValue">
    <!-- Your content here -->
  </el-row>
</template>

<script>
export default {
  data() {
    return {
      justifyValue: 'start', // 可选项有 'start', 'end', 'center', 'space-between', 'space-around'
      alignValue: 'top', // 可选项有 'top', 'bottom', 'middle', 'stretch'
    };
  },
};
</script>

在这个例子中，`type="vertical"` 将 `el-row` 设置为垂直方向，`justifyValue` 和 `alignValue` 分别决定了列元素在行内的水平对齐和垂直对齐。