想用v-if和v-else让这两个插槽在不同状态的时候显示出来，然而v-if不起作用，两个插槽同时显示(理想效果应该是活跃显示第二个，不活跃显示第一个)，
按道理来说，这步之前的步骤应该都是没有问题的 不然插槽应该也加载不出来。而且我设置样式文字字体红色，也没有效果。小白不知道怎么解决了，求大神帮一下忙，因为案例对以后学习还有作用，所以卡了好久了
6条回答 默认 最新
风雪一更 2021-06-29 09:12关注直接使用三目运算判断name呗，渲染一个插槽就好了，还v-if写俩，不嫌麻烦吗...
<slot :name="isActive?'item-icon-active':'item-icon'"></slot>本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2022-07-09 03:24回答 4 已采纳 不推荐v-for与v-if同时使用，因为v-for的优先级较高，会先讲所有的dom渲染才会根据v-if去判断销毁，影响性能。想要达成你说所的效果，其中一个方法是可以对原始数据进行处理，将你最终需要渲染
- 2022-05-27 17:45回答 2 已采纳 if else 这是 sass 的规则，只会在加载编译成 css 的时候执行一次，不是响应式的。vue常见做法是定义两个 class，然后在 template 中或者 script 中根据 itemC
- 2022-08-07 16:28回答 3 已采纳 v-if是重新生成dom，需要重新初话过一次swiper，就是window.onload中的代码放到一个函数里面，在显示的时候重新调用一次。比如下面这样，在v-if显示swiper的代码后面用next
- 2023-12-19 21:14Python私教的博客 v-if指令主要用来实现条件渲染，在实际项目中使用得也非常多。v-if通常会配合v-else-if、v-else指令一起使用，可以达到多个条件执行一个，两个条件执行一个，满足一个条件执行等多种场景。下面，我们分别演示这三种...
- 2021-09-22 19:38回答 4 已采纳 v-for和v-if不推荐一起使用 官方给出了用法 就是 template 列表渲染 | Vue.js Vue.js - The 渐进式
- 2022-02-14 18:05回答 3 已采纳 vue3 中v-if优先于v-for，你可以按下面方法使用 <template> <ul> <template v-for="user in users" :key
- 2022-08-08 10:06回答 3 已采纳 v-if是将当前的弹窗从页面中删除了，需要显示的时候在重新创建添加v-show是将当前弹窗隐藏，需要展示的时候在显示频繁的使用v-if会影响页面性能
- 2020-10-18 02:27今天小编就为大家分享一篇解决vue的 v-for 循环中图片加载路径问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
- 2022-05-31 14:19回答 1 已采纳 删除main.js中对vue-video-player的引入，在特定使用的页面单独引入，或者封装成组件 或者看看是不是版本的关系，我这边用的下边的没有问题 npm i vue-video-player
- 2022-02-17 18:04回答 2 已采纳 解决了，问题出在版本上，按照官方给出的"npm i --save ant-design-vue@next"安装完后，一直以为安装的是3.0.0-beta.10的版本，，最后去"package.json
- 2022-05-13 18:40回答 1 已采纳 vue else 有bug的，建议尽量避免使用 v-if ，可以使用v-show 来替代 v-if
- 2022-06-13 16:56不 这是派大星的博客 vue中v-if和v-for哪个优先级高？，vue，v-if，v-for
- 2022-01-23 11:35回答 4 已采纳 改下面这样可以， <!DOCTYPE html> <html> <head> <script src="https://cdn.bootcss.com
- 2022-12-06 19:54box--小盒的博客 前端vue中v-if 和v-show的简单总结
- 2024-01-13 14:43呆呆槑_Xiong的博客 在vue3中，v-if的优先级比v-for的高。在外面新增template加v-for可以解决这个办法。
- 没有解决我的问题, 去提问
