vue は v-for と v-if を併用するメソッドを実装します。

一般に、優先順位の問題により v-if と v-for を併用できないことはわかっていますが、場合によってはそのようなシナリオが必要で、ページ レイアウトを変更したくない場合があります。
そこで私が考える解決策はこうです。v-for を使用してコンポーネントの外側に、テンプレート タグの別のレイヤーをラップします。次に、上記の v-if を使用します。テンプレートは単なるラッピング要素であるため、ページ上でレンダリングは実行されません。したがって、v-if と v-for を併用することもできます。
のように:

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

おすすめ

転載: blog.csdn.net/weixin_45807026/article/details/126574449