gutter属性举例

"gutter" 属性用于设置 "el-row" 组件中各列之间的间距大小，可以是一个数值或一个数组。例如，如果你想要让各列之间的间距为 20px，可以在 "el-row" 元素上添加 "gutter" 属性，如下所示：

<template>
  <el-row :gutter="20">
    <el-col :span="12">Column 1</el-col>
    <el-col :span="12">Column 2</el-col>
  </el-row>
</template>

如果你想要设置不同列之间的间距大小，可以使用一个数组，如下所示：

<template>
  <el-row :gutter="[20, 10]">
    <el-col :span="12">Column 1</el-col>
    <el-col :span="12">Column 2</el-col>
  </el-row>
</template>

这个例子中，第一列与第二列之间的间距为 20px，第二列与第三列之间的间距为 10px。