Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果类存在,则呈现组件_Javascript_Vue.js_Vuejs2_Vue Component_Vue Directives - Fatal编程技术网

Javascript 如果类存在,则呈现组件

Javascript 如果类存在,则呈现组件,javascript,vue.js,vuejs2,vue-component,vue-directives,Javascript,Vue.js,Vuejs2,Vue Component,Vue Directives,我需要一些关于VUEJS项目的帮助。我想根据是否存在某个类来呈现一个组件 逻辑 如果存在(a类)渲染(组件a) 如果存在(b类)渲染(组件b) 如果既不存在(a类)也不存在(b类),则既不渲染也不渲染 <section class="card" v-if=""> <h3>{{title}}</h3> <p>{{subtitle}}</p> </section&

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

逻辑 如果存在(a类)渲染(组件a) 如果存在(b类)渲染(组件b) 如果既不存在(a类)也不存在(b类),则既不渲染也不渲染

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

{{title}}
{{副标题}

您可以这样做

模板:

<section class="card class-a class-b">
  <div v-if="isAPresent"></div>
  <div v-if="isBPresent"></div>
</section>
你可以这样做

模板:

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

您好,当您说“present”时,您是指组件数据中的实例化,还是指可能不清楚的其他内容?@JTInfinite抱歉,请澄清-如果节具有类a,则呈现组件a(在节元素内)。希望这更清楚对不起:)啊,对不起,我在想javascript类。Doh。我认为提供的答案是正确的。嗨,当你说“present”时,你是指组件数据中的实例化,还是指可能不清楚的其他内容?@jtfinite抱歉,只是澄清一下-如果节具有类a,则呈现组件a(在节元素内)。希望这更清楚对不起:)啊,对不起,我在想javascript类。Doh。我认为提供的答案是正确的,这是为了尝试做谢谢你!我实际上不需要组件,但我不知道我是否能将其标记为正确,因为最初的问题是基于类显示组件。啊,我现在明白你的问题了,让我快速更新我的答案这对尝试这么做很有效谢谢!我实际上不需要组件,但我不知道是否可以将其标记为正确,因为最初的问题是基于类显示组件。啊,我现在明白你的问题了,让我快速更新我的答案