码迷,mamicode.com
首页 > 其他好文 > 详细

el-input文本域换行保存

时间:2020-11-16 14:03:38      阅读:22      评论:0      收藏:0      [点我收藏+]

标签:code   程序猿   程序   展示   split   保存   mode   val   textarea   

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

<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‘)

 

  

el-input文本域换行保存

标签:code   程序猿   程序   展示   split   保存   mode   val   textarea   

原文地址:https://www.cnblogs.com/reround/p/13956669.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!