vue.js 我想实现这个功能改怎么实现？ 困扰我一天了。哪位大佬帮帮我 我是个自学很菜很菜的新手

如图片 合同列表是创建的一个个主合同,用v-for循环出来的  旁边是一个抽屉 并且每一个主合同都能打开一个抽屉 我想要实现 当我点击创

建按钮时 会弹出一个input输入框 然后获取到的值 就以DIV的样式输出出来 如11111 创建一次 输出一次  并且保存到localStorage里不消失

  input是for循环出来的 并且绑定了 不同的变量  v-model=数组[`text_${index}`]    我想了很多  都不行  比如把每一次获取到的值放入一个数

组里  然后直接div上循环打印  那么每一个抽屉 都会有一摸一样的数据 不行，问题在于数组只有一个 而且div 循环的也就那一个数组  而每

一个抽屉input的值都是不确定的 那么我想着给把值放入对应每一个数组中 但由于又不确定到底有多少个抽屉 所以给input 添加的按钮绑定

了事件 带参数  text_index=[]   事件里 我把获取到的input值都用push函数添加到text_index数组中  index值变数组也跟着变成另外一个数组

然后问题来了 当我把input获取的值放入数组的时候 打印结果  每次获取的值 他直接替换了 而不是向后继续添加 想了下可能是原生的数组

不是data变量 没有事实监控的原因 也不知道是不是这个理由 我基础很差  我就实现不下去了  我很难受 快疯了 所以来求助 求大佬帮我 要

怎么实现 求求了 总觉得不实现 我的人生就不完整了  这么多字  不知道能不能理解 有需要的话 我可以发代码 但是代码一截一截 我觉得更

难理解 麻烦了 大哥们

没看懂

我理解的是你想把每个抽屉里input输入的列表值保存下来，并且每个抽屉的列表值是他们对应的值。

一般来说关闭抽屉或input保存的时候会调用接口，然后把你的值保存到数据库，下次打开就可以直接展示，但是你这边描述的好像是整体保存修改

所以，我想的是外面的合同列表应该是一个数组，里面有多个对象，你可以在每个对象里加一个自己定义的数组，比如一个对象格式：{list:[],...},list就表示抽屉里的数据。

当打开抽屉的时候就循环list里的值，按照道理来说应该是双重循环有两个v-for，一个是外面的合同列表，一个是抽屉的列表，这时候抽屉列表的v-for值就是item.list

当你input绑定的值可以是一个，然后每次创建时清空数据，保存时添加到相对于的list数组中。