首页 > 解决方案 > 在单个文本区域内显示 v-for 项目

问题描述

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

我正在使用 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>

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

标签: laravelvue.jsvuejs2

解决方案


实现此目的的一种简单方法是创建由 \n(换行符)分隔的所有值的字符串并将其绑定到 textarea 输入。因此,您的值将在单个 textarea 中呈现为每行一个值。如果您稍后需要数组中的值,您可以使用换行符拆分字符串并存储在数组中。


推荐阅读