# ref獲取不到
有如下幾種情況,請自行對號入座:
## 在onLoad事件里獲取
注意,onLoad生命周期的時候DOM節點尚未掛載完成,你是拿不到的,最早能獲取到ref的是mounted,對于頁面來說還有一個額外的生命周期名為onReady,在這兩個生命周期里都能安全獲取到ref。
## 組件在popup里
在popup里的東西受v-if控制,在彈窗沒有打開的時候組件是不渲染的,但是如果你剛顯示彈窗你也獲取不到,因為**數據剛更新的時候DOM還沒有更新**,需要用nextTick等一下。
```js
this.isPopupShow = true; // 讓彈窗顯示
this.$nextTick(() => {
this.$refs.xxx.... // 一定要在nextTick里獲取
})
```
## this指向不對
這個問題比較愚蠢一些,建議轉行,或者看之后的詳細解釋this指向的文章。
## 其他情況
如果**你是微信小程序用戶**,把 基礎版本庫升級到2.19.2,這是微信小程序的bug。
> 本文作者: 不愛喝橙子汁
- 自述
- 學會提問
- 起步
- 安裝
- 版本升級
- 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/ 不生效