此情況常發生于表單,點擊表單中的選擇器、彈出層,會發現輸入框的placeholder會浮現在選擇器上層,點擊會彈出軟鍵盤,怎么調整輸入框與選擇器、彈出層的層級都無法解決該問題。
## 問題原理
input僅在微信小程序、支付寶小程序、字節跳動小程序、飛書小程序、QQ小程序中且input置焦時表現為原生組件,其中支付寶小程序的input僅為text且置焦時表現為原生組件。
textarea僅在微信小程序、百度小程序、字節跳動小程序、飛書小程序表現為原生組件。
原生控件的層級是最高的,前端組件無法覆蓋原生控件的層級。
[查看更多原生組件](https://uniapp.dcloud.io/component/native-component.html#原生組件說明)
## 解決方案
打開彈出層時將所有的輸入框禁用
> 本文作者: 砕月酔夢
- 自述
- 學會提問
- 起步
- 安裝
- 版本升級
- 1.x 升級 2.x 常見問題
- 命令行模式下node-sass安裝錯誤
- 查看版本
- uView UI 1.x 相關問題
- 安裝
- Popup 彈窗
- tabs 標簽
- Waterfall 瀑布流
- Table 表格
- Dropdown 下拉菜單
- uview-ui組件篇
- u-upload監聽beforeRead事件無效
- 組件怎么關不了
- 導航欄不默認返回好麻煩
- ref怎么獲取不到
- z-index拉滿都覆蓋不了map
- u-text對手機號脫敏
- u-input的placeholder去不掉
- 服務端返回數據,form表單驗證錯誤
- checkbox增加選中面積
- uview-ui組件篇/checkbox無法取消選中
- 小程序輸入框的placeholder會穿透到彈出層
- JavaScript篇
- 判斷數據類型
- 數組操作
- 節流與防抖函數
- this怎么就不對
- 計算地圖上兩點間的距離
- CSS篇
- 我要超出顯示省略號
- uniapp中小程序樣式穿透問題
- 關鍵幀與動畫
- CSS動畫屬性總結
- 過渡與動畫
- 正則表達式篇
- 身份證號
- 手機號
- 是否合法的http/https域名
- 數據處理篇
- 對數組分組
- 深拷貝對象
- 提取數組屬性
- 提取對象屬性
- 常見問題
- 如何給由組件觸發的事件中傳入自定義的參數
- 分類的雙列聯動
- 三級聯動的實現
- 小程序預覽提示包過大
- 框架安裝失敗
- 表格、瀑布流、下拉列表 組件為什么沒有了
- tabBar組件怎么用
- 時間、日歷、選擇器相關問題
- 字體圖標不顯示
- class 或 /deep/ 不生效