el-row和el-col自动换行

      <el-row
        :gutter="12"
        v-for="(expert, index) in experts"
        v-if="index % 3 == 0"
      >
        <el-col :span="8" v-show="experts[index] != null">
          <el-card shadow="hover">
            <el-image :src="experts[index].pic"></el-image>
            <h3>{{ experts[index].name }}</h3>
            <p>{{ experts[index].desc }}</p>
          </el-card>
        </el-col>
        <el-col :span="8" v-show="experts[index + 1] != null">
          <el-card shadow="hover">
            <el-image :src="experts[index + 1].pic"></el-image>
            <h3>{{ experts[index + 1].name }}</h3>
            <p>{{ experts[index + 1].desc }}</p>
          </el-card>
        </el-col>
        <el-col :span="8" v-show="experts[index + 2] != null">
          <el-card shadow="hover">
            <el-image :src="experts[index + 2].pic"></el-image>
            <h3>{{ experts[index + 2].name }}</h3>
            <p>{{ experts[index + 2].desc }}</p>
          </el-card>
        </el-col>
      </el-row>

来源：oschina

链接：https://my.oschina.net/jenqz/blog/4315296