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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM