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

问答 / 0 / 10 / 创建于 2年前

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

代码如下：

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

JunJie666333

9 声望

暂无个人描述~

0 人点赞

JunJie666333

9 声望

最佳答案

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

file

2年前评论

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 译者 355 声望

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

2年前评论

JunJie666333 （楼主）

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

qingshui （作者）

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

JunJie666333

9 声望

file

2年前评论

JunJie666333

9 声望

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

file

2年前评论

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

资源推荐

服务提供商

其他信息

请登录