textarea的换行或空格vue写法

<el-form-item label="备注:">
          <el-col :span="14">
            <el-input class="w" type="textarea" v-model="form.desc"></el-input>
          </el-col>
        </el-form-item>
<p v-html="textFormat(form.desc)"></p>
 methods: {
    textFormat(val) {
      // 格式化文字展示文本域格式文字
      if (val) {
        let newString = val.replace(/\n/g, "_@").replace(/\r/g, "_#");
        newString = newString.replace(/_#_@/g, "<br/>"); // IE7-8
        newString = newString.replace(/_@/g, "<br/>"); // IE9、FF、chrome
        newString = newString.replace(/\s/g, "&nbsp;"); // 空格处理
        return newString;
      }
    },
  },

 https://www.kancloud.cn/wangjiachong/gongzuopian/1238638#vue_37

posted @ 2020-07-27 09:47  ThisCall  阅读(1065)  评论(0编辑  收藏  举报