el-input文本域换行保存

时间:2024-04-15 16:25:46

需求:文本域内如果手动换行了,保存的数据也需要换行展示

<el-input type="textarea" v-model="inputValue"></el-input>

 可以考虑将inputValue的值转换成带逗号分隔的字符串

 let str = inputValue.replace(/\n/g, \',\')           // 储存的数据,例:  "你好,我是程序猿,谢谢"

展示:

value = "你好,我是程序猿,谢谢"
let arr = value.split(\',\')

把数组循环展示在页面上即可

如果需要回填到文本域内

inputValue = value.replace(\',\' , \'\n\')