使用element-ui的Row里的Col显示数据 ，我的需求是 案情：阿斯达卡斯克大厦的卡 asdsadasdbu 不是 案情：1223123123 12121212

在Element UI中，`<el-row>` 和 `<el-col>` 组合用于创建栅格布局，非常适合展示数据列表。如果你想按照案例描述的方式显示数据，你可以这样做：

<template>
  <div>
    <el-row type="flex" justify="center" align="middle">
      <!-- 你可以遍历数组，每个case是一个col -->
      <el-col :key="index" :xs="6" :sm="8" :lg="10" :offset-sm="2" v-for="(case, index) in cases" :span="12">
        <div class="case-container">
          <h4>Case: {{ case }}</h4>
          <!-- 如果有更多详细信息，可以添加相应的组件如el-card等 -->
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      cases: ['阿斯达卡斯克大厦的卡', '1223123123', '12121212'] // 你的案情数组
    };
  }
};
</script>

<style scoped>
.case-container {
  /* 可以添加一些样式调整样式 */
}
</style>

在这个例子中，每个`case`都会作为一个单独的`<el-col>`显示，每个`<el-col>`会占据一行的一部分，大小根据屏幕尺寸动态调整。