uniApp使用textarea,默认高度且文字多后自适应设置

7月前作者：QDKuz 分类：Toy博客阅读(30) 违法举报

这篇具有很好参考价值的文章主要介绍了uniApp使用textarea,默认高度且文字多后自适应设置。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

需求是有一个默认高度且文字溢出时需要自适应高度

代码如下文章来源地址https://www.toymoban.com/news/detail-852818.html

<textarea model:value="{{text}}" auto-height placeholder="请输入内容" maxlength="-1" />

textarea {

  border: 1px solid rgb(201, 201, 201);  // 边框

  padding: 15rpx; // 内边距

  border-radius: 10rpx; 

  font-size: 28rpx; // 设置字体大小和行高一样解决内部出现滚动条问题

  line-height: 28rpx;

  min-height: 200rpx;// 设置默认高度 ，解决设置自适应高度之后高度无效问题

}

到了这里，关于uniApp使用textarea,默认高度且文字多后自适应设置的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

textarea文本框根据输入内容自动适应高度

第一种：第二种：加一个监听该文本框内容变化的方法 oninput ，然后在该方法里手动计算文本框的高度并实现自适应：

2024年01月21日
浏览(47)
设置＜el-input type=“textarea“/＞高度

.el-textarea{ height:88px; :deep(.el-textarea__inner){ height: 88px; } } :deep(.el-input__wrapper){ font-size: 14px; width:100%; height:32px; } :deep(.el-form-item.is-required:not(.is-no-asterisk).asterisk-left.el-form-item__label:before) { content: \\\"*\\\"; color: var(--el-color-primary);

2024年02月04日
浏览(73)
elementUI textarea可自适应文本高度的文本域

效果图; 通过设置 autosize 属性可以使得文本域的高度能够根据文本内容自动进行调整，并且 autosize 还可以设定为一个对象，指定最小行数和最大行数。

2024年02月10日
浏览(52)
css、js（vue）进行textarea自适应高度（超详细说明）

黑色部分——页面布局为上左右下布局红色部分——在右边有一个文本域，自适应高度，最小高度128px，最大高度不能超过右边屏幕的一半，里面有一个距离右下16px的确认按钮效果如下图问题1：会导致有多余留白问题2：超出限制的高度也不会出现滚动条（由问题1延申而

2024年02月13日
浏览(40)
Discuz! X3.4默认模板自适应手机与pc的方法

个人感觉PC这个主题显示在手机里更美观。同时自己又不想装一堆第三方主题，这个刚好代码如下：使用方法：将以下代码放入后台统计即可我去，帖子内容不能放js代码，我只好放我论坛帖子链接了，版主见谅，放了js代码提示帖子有危险，发不了 https://discuzx.qvdd.cn/threa

2024年02月03日
浏览(40)
element ui 文本域el-textarea的计数限制不遮挡输入的文字

在我们使用 element-ui 文本域的时候，有时可能会需要计算输入的文字的总长度的功能，此时我们可以使用 el-textarea 自带的 show-word-limit 属性，但是有一点不好的地方就是会遮挡住我们输入的文字，就像下面这样：我们可以通过修改样式来解决这个问题：

2024年02月13日
浏览(39)
＜el-input＞ textarea文本域显示滚动条（超过高度就自动显示）+ ＜el-input ＞不能正常输入，输入了也不能删除的问题

需求：首先是给定高度，输入文本框要自适应这个高度。文本超出高度就会显示滚动条否则不显示。参考文章问题二：加入这个，@input=“change($event)” 参考文献参考文献（问题更全）

2024年02月07日
浏览(49)
微信小程序 textarea输入框内文字，从中间删除快的时候，光标会从中间跳到最后位置

场景：微信小程序真机中 textarea输入框内有很多文字，从中间删除文字，速度快的时候，光标会从中间跳到最后位置！原因： input、textarea事件中,给input框绑定任何事件后，在处理事件时更新数据 setData之后就会让光标到最后。说白了就是数据发生更新导致光标跑到最后。

2024年02月17日
浏览(71)
uniapp小程序使用文字转语音播报类似支付宝收款播报

第一步:登陆微信公众平台,侧边栏的设置-----第三方设置-----插件管理----添加插件(搜索–同声传译) 第二步:打开 hbiuider-x,找到当前项目，打开manifest.json，找到源码视图，配置插件第三步，页面引入使用

2024年02月12日
浏览(48)
uniapp配置自定义界面百度语音识别转文字和原生使用方式

在uniapp已经给出了语音识别插件配置的步骤，点击前往：语音识别插件配置，但是还是不够详细，有可能会遇到问题，所以我记录一下。 HBuilderX已支持讯飞语音识别和百度语音识别：讯飞语音识别由于讯飞语音识别SDK绑定appid，云端打包只能固定使用DCloud申请的appid，虽然

2024年02月04日
浏览(46)