本篇內(nèi)容主要講解“怎么解決微信小程序中textarea層級(jí)過(guò)高的問(wèn)題”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“怎么解決微信小程序中textarea層級(jí)過(guò)高的問(wèn)題”吧!

我們注重客戶提出的每個(gè)要求，我們充分考慮每一個(gè)細(xì)節(jié)，我們積極的做好網(wǎng)站制作、做網(wǎng)站服務(wù)，我們努力開(kāi)拓更好的視野，通過(guò)不懈的努力，創(chuàng)新互聯(lián)贏得了業(yè)內(nèi)的良好聲譽(yù)，這一切，也不斷的激勵(lì)著我們更好的服務(wù)客戶。 主要業(yè)務(wù)：網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計(jì),小程序設(shè)計(jì),網(wǎng)站開(kāi)發(fā),技術(shù)開(kāi)發(fā)實(shí)力，DIV+CSS，PHP及ASP，ASP.Net，SQL數(shù)據(jù)庫(kù)的技術(shù)開(kāi)發(fā)工程師。

建立一個(gè)新的textarea 組件代替原生textarea ,上代碼

.ui-textarea {
 position: relative !important;

 .textarea.hidden {
  display: block !important;
  position: absolute !important;
  left: -999px;
  right: -999px;
  top: 0;
 }

 .textarea {
  width: 100%;
  box-sizing: border-box;
 }

 .text {
  height: 100%;
  padding: 6px 5px;
  font-size: 14px;
 }

 .placeholder {
  color: #888;
 }
}

Vue 代碼,自己根據(jù)需求改一下 ,特別注意,不要用 wx;if 或者 hidden 屬性 , wx:if 頻繁渲染,雖然可以用,hidden 會(huì)出現(xiàn) 部分顯示bug,[hidden] 會(huì)使auto-height 首次不正確

到此，相信大家對(duì)“怎么解決微信小程序中textarea層級(jí)過(guò)高的問(wèn)題”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

文章名稱：怎么解決微信小程序中textarea層級(jí)過(guò)高的問(wèn)題-創(chuàng)新互聯(lián)
文章源于：http://weahome.cn/article/gsdcs.html