Vue 使用Element UI 中的文本域换行问题

1、先在methods中定义一个方法如下：preText (pretext) {return pretext.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' ')},2、提交的时候将绑定的值content传递给preText这个方法进行处理，再赋值给remarks提交给后

小破孩呦

12331人浏览 · 2020-11-19 15:10:23

小破孩呦 · 2020-11-19 15:10:23 发布

1、先在methods中定义一个方法如下：

preText (pretext) {
    return pretext.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, '&nbsp;')
},

2、提交的时候将绑定的值content传递给preText这个方法进行处理，再赋值给remarks提交给后台保存到数据库

this.remarks = this.preText(this.content);

3、查看处理后的数据情况

可以看到控制台打印的数据多了<br/>这个标签

4、标签渲染的时候再用v-html即可

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^