求解Vue中v-for的用法

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

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

...全文

428 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

v-for 为什么要加 key

v-if 条件渲染 v-show v-else (必须在v-if/v-else-if/v-show指令后) v-else-if (v-if/v-else-if后) v-for (遍历) v-html (绑定HTML属性中的值) (本篇先讲这6个) v-bind (响应更新HTML特性，绑定自定义属性，如绑定某个class元素或style) v-on (监听指定元素的dom事件) v-model...

目录1.Vue 框架的优点是什么？2.什么是 MVVM3.Vue 中组件之间传值的方法有哪些4.Vue 中常见的生命周期钩子函数有哪些？5.为什么 Vue 组件中 data 必须是一个函数？6.Vue 中 v-if 和 v-show 有什么区别？7.Vue 中 computed 和 watch 有什么区别？8. 1.Vue 框架的优点是什么？（1）轻量级框架：只关注视图层，大小只有几十Kb；（2）简单易学：文档通顺清晰，语法简单；（3）数据双向绑定，数据视图结构分离，仅需操作数据即可完成页面相应的更新

VueJs(3)---V-指令(1) 一、语法v- 指令是带有v-的特殊属性v-if 条件渲染v-showv-else (必须在v-if/v-else-if/v-show指令后)v-else-if (v-if/v-else-if后)v-for (遍历)v-html (绑定HTML属性中的值) (本篇先讲这6个)v-bind (响应更新HTML特性，绑定自定义属性，如绑定某个class元素或...

39,118

社区成员

5,566

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章