时间戳

首页 > 解决方案 > 我可以在 vue.js 中为同一个类添加包含 v-if、v-for、v-bind 吗？

vue.js - 我可以在 vue.js 中为同一个类添加包含 v-if、v-for、v-bind 吗？

问题描述

我有一个疑问，我需要将 v-bind 和 v-for 添加到同一个类中，这在 vue.js 中可能吗？

    <div class="printIconSection"   v-for="report in reports" :key="report.property" >
        <div class="printIcon" id="printReport_AId" v-if="isOverview">
         <font-awesome-icon :icon="report.icon" @click="printWindow()"/>
        </div>
      </div>

我需要将 v-bind:class="{ 'title-long' : changeTitle }" 添加到 printIconSection 类。

如何结合？推荐吗？

标签： vue.jsvuejs2

解决方案

   <div
      v-for="report in reports"
      :key="report.property"
      :class="['printIconSection', { 'title-long' : changeTitle }]">

      <div class="printIcon" id="printReport_AId" v-if="isOverview">
       <font-awesome-icon :icon="report.icon" @click="printWindow()"/>
      </div>

    </div>

尝试这样做。我希望它有帮助

推荐阅读