vue3+vant-tab循环赋值的问题，为什么list循环取到两条页面上只展示了一条呢？

问答 / 33 / 10 / 创建于 1年前

vue3+vant-tab循环赋值的问题

代码如下：

vue3+vant-tab循环赋值的问题，为什么list循环取到两条页面上只展示了一条呢？

JunJie666333

9 声望

暂无个人描述~

0 人点赞

推荐文章：

更多推荐...

博客

vite2-electron-vadmin 一款清爽UI中后台权限管理系统|Electron-Vue3后台 12 / 3 |

博客

基于 Vue2.0 开发的 Lumen IM 在线聊天应用 33 / 15 |

基于 Nuxt.js 的个人网站开源项目（曾小满的盒子） 19 / 45 |

翻译

教程：使用 Vue.js 和 Laravel 共建一个简单的 CRUD 应用 49 / 11 |

链接

请求翻译 Bootstrap-vue 的文档 14 / 2 |

JunJie666333

9 声望

最佳答案

{{wcqkperson.list}}输出来是有两条的@qingshui

file

1年前评论

qingshui

看到了, 你那个循环写错了, 你的数据结构是一个数组里面套了一个数组, 里面那个数组里面才是那两项

qingshui

@JunJie666333 方法 1. 在 html 模板中 wcqkperson.list[0] 方法 2. onload 中赋值的时候, 不要用 push, wcqkperson.list = res.data.data, 使用展开运算符也可以

JunJie666333 （作者）（楼主）

@qingshui 这个循环要怎么写呢，能否指导下。

JunJie666333 （作者）（楼主）

@qingshui 可以了，感谢大佬指点。

qingshui

@JunJie666333 没事

讨论数量: 10

qingshui

Laravel 8.x 译者 354 声望

看一下 HTML 结构中渲染出来了几个

1年前评论

JunJie666333 （楼主）

只有一个，是wcqkperson.list.push(res.data.data);这个写法的问题吗？

qingshui （作者）

@JunJie666333 在上面的 HTML 中输出一下这个值看看呢, {{wcqkperson.list}}

JunJie666333

9 声望

file

1年前评论

JunJie666333

9 声望

{{wcqkperson.list}}输出来是有两条的@qingshui

file

1年前评论

qingshui

看到了, 你那个循环写错了, 你的数据结构是一个数组里面套了一个数组, 里面那个数组里面才是那两项

qingshui

@JunJie666333 方法 1. 在 html 模板中 wcqkperson.list[0] 方法 2. onload 中赋值的时候, 不要用 push, wcqkperson.list = res.data.data, 使用展开运算符也可以

JunJie666333 （作者）（楼主）

@qingshui 这个循环要怎么写呢，能否指导下。

JunJie666333 （作者）（楼主）

@qingshui 可以了，感谢大佬指点。

qingshui

@JunJie666333 没事

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

vue3+vant-tab循环赋值的问题，为什么list循环取到两条页面上只展示了一条呢？

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

vue3+vant-tab循环赋值的问题，为什么list循环取到两条页面上只展示了一条呢？

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录