Question

在VueJS中遍历props（碰巧是数组）时，我试图使两个div并排显示。当我使用单个元素时，它可以正常工作。立即添加v-for标签后，它不再并排出现。

<div class="row">
    <div v-for="(data,index) in data" :key="index" class="col-12">
      <div v-if="data.image" class="col-xs-12 col-md-3 image-div">
        <img class="image" :src="data.image" alt="image">
      </div>
      <div class="col-xs-12 col-md-9">
        <p class="title">{{data.title}}</p>
        <p class="description">{{data.description}}</p>
        <p class="bottom">
          <span class="left"><span class="tag">{{data.tag}}</span><span class="time"> | {{data.time}}</span></span>
          <span class="right"><v-icon>bookmark</v-icon><v-icon>share</v-icon></span>
          </p>
      </div>
    </div>
  </div>

以上是我正在使用的代码

Answer 1

似乎您只是缺少了grid nesting所需的add_action( string $tag, callable $function_to_add, int $priority = 10, int $accepted_args = 1 )

.row

Bootstrap无法在VueJS中与数组props一起正常工作

1 个答案: