如何在Vue js中转换多行textarea输入数组格式数据？答案

【问题标题】：How to convert a multiline textarea input array format data in Vue js?如何在Vue js中转换多行textarea输入数组格式数据？
【发布时间】：2021-07-16 18:27:51
【问题描述】：

这里是我要输入多行输入Textarea input field in Vue js with multiple lines input的textarea

我想在Vue.js中将输入数据转换成数组格式数据，如['Value 1','Value 2', ...]。谢谢。

【问题讨论】：

目前都试过了，请分享代码

标签： vue.js

【解决方案1】：

您可以创建一个计算属性，该属性返回由代表换行符的\n 分割的 textarea 内容：

// ignore the following two lines, they just disable warnings in "Run code snippet"
Vue.config.devtools = false;
Vue.config.productionTip = false;

new Vue({
  el: '#app',

  data() {
    return {
   content:''
    }
  },
  computed:{
     contentArr(){
       return this.content.split('\n')
     }
  }
})

<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>


<div id="app" class="container">
  <textarea v-model="content">
  </textarea>
  <ul>
  <li v-for="item in contentArr">{{item}}</li>
  </ul>
</div>

【讨论】：