方法一:
在彈出層顯示時隱藏input或者textarea組件,測試發現只有設置」display:none「才生效,設置"opacity:0"真機測試placeholder的文字依舊存在。固然也能夠設置wx:if或hidden來顯示隱藏,只不過這些作法都影響佈局,不推薦。html
後來再想了下,其實能夠在隱藏textarea的時候用view來模擬textarea顯示內容,這樣既不改變佈局,也能合理地展現內容。canvas
方法二:
經過「cover-view」組件來寫彈出層,不修改placeholder。ide
官方原話:佈局
覆蓋在原生組件之上的文本視圖,可覆蓋的原生組件包括
map
、video
、canvas
、camera
、live-player
、live-pusher
,只支持嵌套cover-view
、cover-image
,可在cover-view
中使用button
。性能
這個作法適合在彈出層層級比較單一的時候,假若彈出層是一個自定義的日曆,且日曆的每一個組件都要使用coever-view,cover-image代替,其渲染性能會大大減弱。(其實picker組件也是能夠在cover-view中使用的,具體是將其顯示的值用cover-view包裹便可)測試
方法三:
經過控制「placeholder-style"或者」placeholder-class"來設置placeholder的顏色來顯示或隱藏placeholder文字。spa
<textarea placeholder-style="color: transparent" placeholder="請輸入"/>