同一标签使用v-for循环且要使用v-if判断

最新推荐文章于 2023-07-12 14:42:35 发布

JackZhangCNTJ

最新推荐文章于 2023-07-12 14:42:35 发布

阅读量964

点赞数

分类专栏： js vue 文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/JackZhangCHNCHN/article/details/128034287

版权

js 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

vue

6 篇文章 0 订阅

订阅专栏

场景：同一标签使用v-for循环且要使用v-if判断

办法：加一层template标签，v-for加在template中，v-if判断写在li标签中。

代码：

<ul class="processLine">
    <template v-for="(item, index) in list">
        <li v-if="!item.isDisabled" :key="index">
            <div v-on="item.event" :class="item.isDisabled ? 'status yydj' : 'status'" :mark="item.mark">
            代码内容
            </div>
        </li>
    </template>
</ul>