使用v-for循环将Vue获取后台数据后显示在页面上，结果组件也跟着循环了

Question

用的aixos获取的数据，后台用的springboot

除了在组件属性里加v-for，还有其他方法吗？将v-for换成v-text的话获取的是纯文本铺在整个组件表面

我只需要将这个数据库表里三个字段展示出来但现在获取的是全部字段的数据，假如在springboot中修改后获取具体的这三个字段的数据，又该怎么绑定呢

Answer 1

v-for是遍历数据，v-text是将数据展示，二者一般都会连用，通过遍历的元素分别使用v-text或者使用插值表达式将数据展示出来
你可以参考一下我的文章： Vue第一部分(2)： 数据的渲染_CSDN专家-微编程的博客-CSDN博客 插值表达式 数据绑定最常见的形式就是使用 {{值}} （双大括号）的文本插值： <div id="app"> <h1>{{msg}}</h1> </div> <script> const vm = new Vue({ el:"#app", data:{msg:"hello vue" } }) </script>说明：{{}}中通常是变量，但也可以是表达式（比如 a+b）、有返回值的函数调用。 https://blog.csdn.net/technologist_28/article/details/119642478

你的组件也跟着循环，很明显v-for的位置不对，你应该在v-for所在的标签下添加或者含有某些组件，建议你将v-for写在组件下面