vuejs textarea 每行 1 个值

Question

我有个问题

我想为 textarea 中帖子的每一行值获取一个值

我举个例子

就像这张图片 我想为每一行写一个值 当我按下回车键并转到底线并在那里写时，我想将第二行上的文本作为第二个值。

我的目标是能够为每一列绘制

vuejs 组合 api 或选项 api

Answer 1

尝试这个。

<script>
import { ref, computed } from 'vue'

export default {
    setup() {
        const textAreaText = ref('')

        const values = computed(() => textAreaText.value.split('
'))

        return { textAreaText, values }
    }
}
</script>

<template>
    <textarea v-model="textAreaText"></textarea>

    <p>
        {{ values }}
    </p>
</template>