求解Vue中v-for的用法

喂猫咪吃泻药 2019-09-11 01:02:06

我使用v-for循环这个数组。。但是页面其他组件也跟着循环了。，这是哪的问题啊。。求助

...全文

440 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

sha虫剂 2020-06-01

打赏
举报

回复

你把内容包裹在里面了，肯定会一起循环的啊

子也 2020-05-30

打赏
举报

回复

router-view 在 for包裹内

前端_小菜鸟 2020-05-25

打赏
举报

回复

router-view路由插槽在for循环内，对应的组件肯定会循环啦建议看一下路由插槽作用吧

liliboy9527 2020-05-24

打赏
举报

回复

vue交流群995147657 ，欢迎大家

众生皆苦唯有我甜 2019-09-11

打赏
举报

回复

首先v-for 需要绑定key值，其次v-for中循环的次数为循环数组的长度，也就是说v-for内部router-view渲染次数为循环数组的长度

jio可 2019-09-11

打赏
举报

回复

写了v-for的dom会被循环，包括内部的dom

爱创课堂前端培训VueJS第1天课堂笔记(本课程共3天).docx

title: Vue3中v-if与v-for为何不能在同一元素上混用？优先级规则与改进方案是什么？summary:Vue3中v-if与v-for结合时，v-if优先级高于v-for，同元素混用会导致每个项都执行条件判断，引发性能与逻辑问题。改进方案：用computed过滤数据后循环（适用于条件依赖循环项），或把v-if移至父元素（适用于条件不依赖循环项）。扫描。

title: Vue3 v-if与v-show：销毁还是隐藏，如何抉择？summary:Vue3中v-if与v-show是条件渲染核心指令。v-if控制组件存在（条件假时销毁，真时创建），v-show控制显示（修改display样式，组件始终存在）。v-if切换成本高（初始化快），v-show切换成本低（初始化高）。频繁切换或需保留状态用v-show，极少变化用v-if。注意v-show不与v-else搭配，v-if/v-for共存需先过滤数组。扫描。

标题：VUE3+element-plus，使用v-for，包裹el-select，option用方法获取，会被触发多次的原因，望大佬求解，也欢迎大家留下讨论自己碰到的类似的情况。2.我封装form表单组件，封装后使用组件传配置项，这里如果避免触发多次，或者有没有其他的方法解决。下面是一个vue的完整文件，我举例了两种情况：(两种情况option都是用方法获取)1、一个是v-for包裹el-select 2、直接是el-select。，这里的option是使用方法的获取的，发现被触发了很多次。

v-for 为什么要加 key

43,737

社区成员

5,571

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章