在单个文本区域内显示v-for项目

Question

需要在单个文本区域内显示循环值。

我正在使用Laravel和Vue，它在自己的文本区域内分别显示值。

<textarea>
        <div v-for="(item, index) in form.items" :key="index">
            <div class="form-group">
                    <input type="text"
                            class="form-control"
                            v-model="form.items[index].value"
                            :id="'item-' + index">
            </div>
        </div>
</textarea>

我希望输出在文本区域内的单独一行上显示值，以使值可编辑。

Answer 1

一种简单的方法是创建一个由\ n（换行符）分隔的所有值的字符串，并将其绑定到textarea输入。因此，您的值将在单个textarea中显示为每行一个值。如果以后需要数组中的值，则可以用换行符分割字符串并将其存储在数组中。