Показывать 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. Если вам понадобятся значения в массиве позже, вы можете разделить строку символом новой строки и сохранить в массиве.