uni-app textarea auto-height 文字出现上下滚动 – w候人兮猗

[ahwgs]

https://www.ahwgs.cn/uni-app-textarea-auto-hetght.html

前言 帮一个可爱的小姐姐改一个uni-app构建的微信小程序时，在使用textarea组件时遇到的一点小问题。 描述问题：在uni-app中,的auto-hetght属性会出现高度不够，文字能够上下移动的问题,具体见下图: 当输入的文字过多时,textarea内的文字可以上下滚动。 这不属于产品的需求，产品要的是输入框高度随着文字的变化而变化不能出现滚动条，而在un…</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/zefangliu810"><img src="https://avatars.githubusercontent.com/u/17973669?v=4" />zefangliu810</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <p>有没有可能是textarea继承了父组件的line-height导致的差异</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/ahwgs"><img src="https://avatars.githubusercontent.com/u/26664586?v=4" />ahwgs</a> commented <strong> 2 years ago</strong> </div> <div class="markdown-body"> <blockquote> <p>有没有可能是textarea继承了父组件的line-height导致的差异</p> </blockquote> <p>我觉得你说的对，但已经过了好几年了。当时也比较菜。没有想到这方面的问题</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>