textarea的换行或空格vue写法

  • Z时代
  • 2024-01-10
  • 分类：综合

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

以上是 textarea的换行或空格vue写法 的全部内容， 来源链接： utcz.com/z/377669.html

回到顶部