前台vue 后台传给前台的是 list list里面存的是对象

我如何取这个list里面的对象里的属性 然后绑定在input上 我现在可以list[0]代表第一个对象 那么如何取这个对象的值

图片是后台传的数据

img

img


每个对象里面的字段都是一样的

  • 你的问题有点奇怪,什么叫获取属性值。你不是已经获取到整个list吗?
  • list你都已经打印出来了,说明已经拿到数据了,list[i]表示第i项嘛,list本身是Array,下面每项是Object,对象的属性值,在js中直接obj.key即可啊,比如你第0项的id就是list[0].id
  • 你问怎么获取属性值,是因为你以前做后端的吗?后端是写了方法运行才可以访问变量,默认为obj.getId()。js里安全性没那么高,直接拿就行。
  • 你的问题的标签是vue.jsjava,如果你是从vue里获取并使用该值的话。先定义变量比如listvue2是在data里定义并return,vue3是在setup里定义并return,在js使用就直接遍历this.list,若在html(template)使用就建议v-for。这些是vue的对数据的基础用法,和它是不是后台获取的没关系。
  • vue2官网vue3官网

双向绑定,data定义一个form对象,获取后台数据后把list[0]赋值给form对象,inpu标签t v-model绑定form.属性。