vue implementiert die Methode der gemeinsamen Verwendung von v-for und v-if

Wir wissen im Allgemeinen, dass v-if und v-for aufgrund von Prioritätsproblemen nicht zusammen verwendet werden können, aber manchmal sind solche Szenarien erforderlich und wir möchten das Seitenlayout nicht ändern.
Also die Lösung ist meiner Meinung nach. Umschließen Sie außerhalb der Komponenten mithilfe von v-for eine weitere Ebene mit Vorlagen-Tags. Verwenden Sie dann v-if oben, da die Vorlage nur ein umschließendes Element ist und kein Rendering auf der Seite durchführt. Daher können v-if und v-for auch zusammen verwendet werden.
wie:

  <template v-if="false">
                <el-option v-for="item in projectStatus" :value="item.label">
                </el-option>
              </template>

Acho que você gosta

Origin blog.csdn.net/weixin_45807026/article/details/126574449
Recomendado
Clasificación