当前位置: 首页 > article >正文

vue 文本域 展示的内容格式要和填写时保持一致

文本域 展示的内容格式要和填写时保持一致

 <el-input
            type="textarea"
            :rows="5"
            placeholder="请输入内容"
            v-model="formCredit.point"
            style="width:1010px;" 
          > 
          </el-input>

样式加个:

white-space: pre-wrap;        /* 保留空白符和换行符,并允许文本换行 */
  word-break: break-all;        /* 允许在任何字符之间断字 */
  overflow-wrap: break-word;    /* 确保兼容性,处理长单词的换行 */

<div  
v-html='formCredit.point' 
style='white-space: pre-wrap;overflow-wrap: break-word;white-space: pre-wrap;'
/>


http://www.kler.cn/a/448830.html

相关文章:

  • 2.Couchbase 的增量查询优化
  • Java/JDK下载、安装及环境配置超详细教程【Windows10、macOS和Linux图文详解】
  • java后端传时间戳给前端的三种方式
  • UE5 猎户座漂浮小岛 12 技能 瞬移 重力控制
  • SpringBoot核心:自动配置
  • 如何学习Trustzone
  • 「Mac畅玩鸿蒙与硬件47」UI互动应用篇24 - 虚拟音乐控制台
  • ctf中遇到exec和shell_exec的回显问题
  • 基于SpringBoot的“家具销售电商平台”的设计与实现(源码+数据库+文档+PPT)
  • Stream流的使用
  • 【Python 】循环
  • matplotlib中文字体 graphviz中文字体
  • 基于WCF(C#)+SQL SERVER设计与实现的在线评测系统
  • 前端获取excel表格数据并在浏览器展示
  • Java设计模式 —— 【结构型模式】桥接模式详解
  • linux下蓝牙调试工具hcitool的使用
  • 【git】开发中分支使用原则与流程
  • 详解redis哨兵(高可用)
  • Python面试常见问题及答案12
  • basic_ios及其衍生库(附 GCC libstdc++源代码)
  • 17.springcloud_openfeign之扩展组件一
  • 生产制造管理系统:现代制造业的智能引擎
  • 什么是漏电?如何预防电气设备漏电引起的火灾?
  • Vivado 编译(单核性能对比+高性能迷你主机+Ubuntu20.04/22.04安装与区别+20.04使用远程命令)
  • 【echarts】创建带有标记线和点击事件的折线图
  • 如何使用 Python 执行 SQL 查询?