elementUI的文本域的内容存在空格会自动换行怎么办?
表格中用input类型为textarea的文本域来编辑内容，第一次编辑中填入空格，第二次进入页面（重新执行mounted之后）文本域就会根据内容中的空格来自动换行
PS：
1.需求需要文本域的内容存在空格，最后的空格可删除，内容中的空格不可删除
2.内容没有那么多，所以不需要换行，但是它根据数据中的空格来自动换行了
需要文本域根据换行符来自动换行，而不是空白符
elementUI的文本域的内容存在空格会自动换行怎么办?
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
- 2021-11-10 15:12上好佳hhhhh的博客 文本超出显示范围，尝试其他几种情况后发现，当文本中无空格和中文时，才会出现下图中的情况 解决方案： 设置 div 强制换行 <div style="word-break: break-all"> zxcvbnmasdfghjklpoiuytrewq|...
- 2022-10-28 10:42鲸鱼科技的博客 自使用文本域时,涉及到换行时 ,显示到页面上时并没有换行的效果,其实文本域保存的换行是/r/n 浏览器无法识别这种换行 所以在回显时需要将其替换为浏览器可识别的代码。解决方案 将 文字内的所有空格 和换行 进行替换...
- 2022-05-20 10:46Shuang_gege的博客 有时候在项目中会遇到这种需求，要求将文本域的内容包含格式保留下来。猛的接到这需求或许还有点懵，其实细品之后了解了需求本质了就没有那么无处下手的别扭感了。在文本域中保留格式其实就是要合理的将空格符和换行...
- 2022-05-21 09:22农夫三拳有点疼=-=的博客 后台返回的数据带换行等样式，前端怎么显示
- 2023-04-20 10:11最胖的小仙女的博客 el-textarea不能回车换行的原因
- 2022-11-12 16:32545龙哥哥的博客 在input框通过粘贴输入内容，复制的内容如果有换行符（\n），则会被转换成空格，不符合我们规定的数据输入格式（换行，中文逗号，英文逗号）。所以这里的处理方式是将input框的粘贴功能禁掉，然后监听粘贴的内容，...
- 2022-06-29 10:42前端yang的博客 关于在vue中用elementui中el-popover和el-Tooltip组件解析带回车换行字符的html字符串问题
- 2024-05-06 21:51Akira37R的博客 Vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。基于MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程的关注点放在数据上。Vue-cli是Vue官方提供的一个脚手架，用于快速生成Vue项目...
- 2023-09-06 23:07河流之光的博客 不同的浏览器，内核不同，对于相同的前端代码解析效果会存在差异，为避免这个问题，W3C（万维网联盟）制定了Web标准，Web标准规定一个网页有三个部分组成： HTML：负责网页的结构 CSS：负责网页的表现（页面元素的...
- 2022-02-05 15:16ljy��516的博客 表单标签，块级元素，会自动换行 将数据传递给服务器 <form> First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"> </form> ...
- 2022-07-14 10:23腐莹儿的博客 element中dialog出现滚动条记录位置问题（页面缩放） 今天使用element中的Dialog组件时发现一个问题：当Dialog内容过多时会出现滚动条，而当你滚动到一定位置后关闭Dialog， //弹窗出现滚动条的时候滚动到最底下，...
- 2022-09-06 00:54chen☆的博客 超文本：指的是网页中可以显示的内容，例如图片、链接、音频、视频......标记：指的是标签，通过标记符号来告诉浏览器网页内容该如何显示(如：商品的标签、衣服上的标签，介绍衣服信息) ，html语言中提供了许多的...
- 2021-08-18 14:42一只桃子~的博客 初级前端面试要点： 1、标签语义化：简单来说就是合适的标签做合适的事，比如标题我们为什么要用h1，优点：对搜索引擎友好，利于网站推广 2、性能优化： ①请求方面：1.合并压缩css和js，为减少http请求次数 2...
- 2023-05-31 13:41AI小胖的博客 input控件时，你会发现输入框和文本域是共用一个控件，只不过文本域需要加属性type=“textarea” Vue-自定义表单验证（rule，value，callback）callback的意思 前言 最近需要验证合同编号是否在数据库已经存在，...
- 2022-06-10 16:52吃橘子的Crow的博客 文本域 name : 文本域的名字 id : 文本域的id cols : 文本域的宽度(列的数量) rows : 文本域的高度(行的数量) 反馈： 文本内容 22.文件域 设置input标签的type属性值为file时, input标签将展现为文件上传按钮...
- 2019-10-10 16:24程序员修炼的博客 虽然没有看到\n，但是却没有换行，实际上那些空格地方就是\n。 在{{all.text}}所在的标签里添加 style="white-space: pre-line" 就可以解决这个问题，如图： 另外一个字段content中含有 标签，采用上面的...
- 2022-06-13 00:19-abandon-的博客 文本域 文本域作用：如果需要输入大量的信息，就可以通过文本域轻松实现 cols属性：每行中的字符数 rows属性：显式的行数 5、H5表单新增类型和属性 1.9、 列表 无序列表 ul 内容 内容 …… 2.有序列表-ol 内容 ...
- 2021-05-07 11:32青果小橙子的博客 vue页面的常用跳转 history.go(-2);//后退两次 ...原因：v-for比v-if优先级高，每一次都需要遍历整个数组，造成不必要的计算，影响性能，即使100个list中只需要使用一个数据，也会循环整个数组。 &l
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 6月6日-
创建了问题
5月30日