element下拉框动态生成

最新推荐文章于 2025-07-14 13:45:26 发布

MrYao_0229

最新推荐文章于 2025-07-14 13:45:26 发布

阅读量9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue2 js elementUI 文章标签： vue2 js elementUI

本文链接：https://blog.youkuaiyun.com/weixin_39897534/article/details/80907218

vue2 同时被 3 个专栏收录

2 篇文章

订阅专栏

1 篇文章

订阅专栏

elementUI

1 篇文章

订阅专栏

本文介绍了一个关于Vue.js中v-if与v-for指令使用时可能出现的问题，并通过具体的代码示例展示了如何正确地结合使用这两个指令来避免错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

记一次踩的坑把，其实蛮简单的主要就是v-if 和v-for的问题

直接上代码把没有什么好说的主要就是v-if的位置和写法

<el-dropdown class="dropdown el-dropdown-link">
    <span>
        <i class="iconfont icon-size-and-color">&#xe610;</i>
    </span>
    <el-dropdown-menu slot="dropdown" v-if="!!user.hobbies && user.hobbies.length > 0">
        <template v-for="item in user.hobbies">
            <el-dropdown-item @click.native="toHobby(item.domain)">{{ item.name }}</el-dropdown-item>
        </template>
    </el-dropdown-menu>
</el-dropdown>