v-for/v-if之间的关系

v-for遍历

:key="cover"写一个是和diff算法有关，让遍历或者修改的时候方便

遍历的作用就是规定某个标签或者组件显示的次数

<el-form-item label="封面">
    <el-radio-group v-model="article.cover.type">
      <el-radio :label="1">单图</el-radio>
      <el-radio :label="3">三图</el-radio>
      <el-radio :label="0">无图</el-radio>
      <el-radio :label="-1">自动</el-radio>
    </el-radio-group>
    <template v-if="article.cover.type > 0">
      <upload-cover v-for="cover in article.cover.type" :key="cover"
    />
    </template>
  </el-form-item>

v-if的深度理解：

v-if具有这样的作用，当条件满足的时候，你这个标签或者这个样式才能被解析，被渲染出来，应用的场景，当某种条件下，你可以被显示出来

<div class="selected" v-if="selected === index">
</div>

v-if和v-for同时出现怎么解决：

创建一个template模块，将v-if放置其中

<el-form-item label="封面">
    <el-radio-group v-model="article.cover.type">
      <el-radio :label="1">单图</el-radio>
      <el-radio :label="3">三图</el-radio>
      <el-radio :label="0">无图</el-radio>
      <el-radio :label="-1">自动</el-radio>
    </el-radio-group>
    <template v-if="article.cover.type > 0">
      <upload-cover v-for="cover in article.cover.type" :key="cover"
    />
    </template>
  </el-form-item>