javascript - 如果存在类，则渲染组件

Question

我需要一些关于 VUEJS 项目的帮助。我想根据某个类是否存在来渲染一个组件。

逻辑

如果（a 类）存在渲染（组件 a） 如果（b 类）存在渲染（b 类）如果（a 类）或（b 类）都不存在

  <section class="card" v-if="">
      <h3>{{title}}</h3>
      <p>{{subtitle}}</p>
  </section>

标签： javascriptvue.jsvuejs2vue-componentvue-directives

Answer 1

你可以这样做

模板：

<section class="card class-a class-b">
  <div v-if="isAPresent"></div>
  <div v-if="isBPresent"></div>
</section>

只需删除class-aorclass-b相应

脚本：

computed: {
  isAExist () {
     return window.document.querySelector('section.class-a')
  },
  isBExist () {
     return window.document.querySelector('section.class-b')
  },
},