国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uniapp中開發(fā)小程序使用ref獲取dom實例，一直顯示undefined，竟然發(fā)現(xiàn)是這個原因！

2年前作者：柑橘烏云_分類：Toy博客閱讀(17)違法舉報

這篇具有很好參考價值的文章主要介紹了uniapp中開發(fā)小程序使用ref獲取dom實例，一直顯示undefined，竟然發(fā)現(xiàn)是這個原因！。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

小程序是不能使用getElementById之類的dom api，所以考慮使用ref來獲取dom元素，但事實上并不是如此，綁定ref后并沒有輸出我想要的dom元素。

既然console.log(this.$refs.iRef)為undefined，會不會this.$refs也是undefined？然而this.$refs是有值的，就是沒有iRef，那么到底是為什么？

會不會是需要延遲獲取，dom還沒有生成？見此，我設(shè)置了2秒定時器并放在mounted中執(zhí)行，結(jié)果：然并卵，還是undefined。

我瀏覽了一下vue官網(wǎng)對ref的說明，明白了出問題的原因，這里引用vue官網(wǎng)的說法：

關(guān)于 ref 注冊時間的重要說明：因為 ref 本身是作為渲染結(jié)果被創(chuàng)建的，在初始渲染的時候你不能訪問它們 - 它們還不存在！$refs?也不是響應(yīng)式的，因此你不應(yīng)該試圖用它在模板中做數(shù)據(jù)綁定。

解釋：如果你該ref綁定的元素不是當(dāng)前頁面的元素，也就是當(dāng)前頁面調(diào)用的某個子組件，那么在mounted中是不能通過$refs來訪問的，可以通過this.$nextTick()來訪問它，而且得放在methods里面。

我嘗試著去用this.$nextTick()來獲取該元素，但是依舊是undefined。最后，我想起來我這個是uniapp項目，會不會和uniapp有關(guān)？

最終結(jié)論

小程序中，uniapp的ref要綁定在子組件中才能被獲取，如果綁定在view，是獲取不了的，你得把業(yè)務(wù)寫在一個組件來引用才行。

h5則沒有這種情況。文章來源地址http://www.zghlxwxcb.cn/news/detail-505902.html

到了這里，關(guān)于uniapp中開發(fā)小程序使用ref獲取dom實例，一直顯示undefined，竟然發(fā)現(xiàn)是這個原因！的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進(jìn)行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費用

【vue2第十二章】ref和$refs獲取dom元素和 vue異步更新與$nextTick使用
為什么會有 ref 和 $refs？因為在vue頁面中使用dom查找元素，不管你是不是在子組件里面查找，查找的都是整個頁面的元素，如果你想查找單獨組件里面的元素是不容易實現(xiàn)的，除非把每個組件的class寫成獨一無二，但是在日常開發(fā)中，一個vue頁面不知道會有多少組件，所以出
2024年02月09日
瀏覽(22)
uniapp中this.$refs無效獲取為空小程序$refs獲取對象為空
在小程序里通過this.$refs的方式獲取自定義組件：通過$refs,獲取為空,該代碼在onload中不行，等頁面渲染完成后，通過點擊的方式又能獲取在網(wǎng)上找了一圈，搜索，小程序端不能使用vue的$refs么？在官網(wǎng)也搜了下都說是小程序本身就不支持操作dom，要獲取dom信息請用uni
2024年02月11日
瀏覽(15)
29 - ref 和 $refs 獲取dom和組件
作用: 利用 ref? 和 $refs 可以用于獲取 dom 元素 , 或組件實例特點: 查找范圍 - 當(dāng)前組件內(nèi)(更精確穩(wěn)定) 1. 獲取 dom: ? ? ? ? (1). 目標(biāo)標(biāo)簽 - 添加 ref屬性 ? ? ? ? (2). 恰當(dāng)時機(jī),通過this.$refs.xxx,獲取目標(biāo)標(biāo)簽 ????????代碼示例: ? 2. 獲取組件 ? ? ? ? (1). 目標(biāo)組件 - 添加 r
2024年02月11日
瀏覽(19)
React 中的 ref 如何操作 dom節(jié)點，使輸入框獲取焦點
.focus() 獲取焦點當(dāng)用戶點擊按鈕時， handleClick 函數(shù)會被調(diào)用，從而將焦點聚焦到文本輸入框上。定義一個名為 handleClick 的函數(shù)。當(dāng)按鈕被點擊時，這個函數(shù)會被調(diào)用。在函數(shù)內(nèi)部，我們通過 inputRef.current 獲取到 inputRef 引用所指向的 DOM 元素，并調(diào)用其 focus 方法，將焦點聚
2024年02月09日
瀏覽(20)
el-table里面存在固定列獲取video的ref的時候無法獲取原始DOM
這是通過ref獲取的dom實例，卻變成了fixed固定出現(xiàn)了表格里面的video的實例我現(xiàn)在的需求是修改里面的currentTime，但是獲取的是固定列的video的ref，修改了，原始video也不會有任何變化創(chuàng)造一個變量控制fixed的固定列變化當(dāng)video里面的 @loadedmetadata=\\\"setInitialTime\\\"修改完數(shù)據(jù)，再變
2024年01月19日
瀏覽(19)
【uniapp開發(fā)小程序】點擊獲取手機(jī)號（使用@getphonenumber）
一、實現(xiàn)效果二、代碼實現(xiàn)：
2024年02月11日
瀏覽(15)
Vue獲取子組件實例對象 ref 屬性
在 Vue 中推薦使用 ref 屬性獲取 DOM 元素，這種方式可以提高性能。如果將 ref 屬性使用在組件上，那么返回的就是這個組件的實例對象。使用方式：`p ref=\\\"xxx\\\"` 或 `Banner ref=\\\"xxx\\\"` 。獲取方式：this.$refs.xxx 1.原生 JS 獲取 DOM 元素【不推薦】： 2. 通過 ref 屬性獲取 DOM 元素【推薦
2024年02月04日
瀏覽(20)
React 18 使用 ref 操作 DOM
參考文章由于 React 會自動處理更新 DOM 以匹配渲染輸出，因此在組件中通常不需要操作 DOM。但是，有時可能需要訪問由 React 管理的 DOM 元素 —— 例如，讓一個節(jié)點獲得焦點、滾動它或測量它的尺寸和位置。在 React 中沒有內(nèi)置的方法來做這些事情，所以需要一個指向 DOM 節(jié)點
2024年02月10日
瀏覽(21)
uniapp獲取dom某個元素
uniapp中想要獲取dom元素不能像pc端那樣獲取雖然dom元素是獲取到了，但不同于pc端那樣，獲取到的元素屬性和方法少很多： ?只有這么幾個屬性，click點擊方法都沒有，可能是考慮到多端適配的問題
2024年02月13日
瀏覽(21)
react通過ref獲取函數(shù)子組件實例方法
在react16之后帶來了hooks之后，確實方便了很多組件開發(fā)，也加快了函數(shù)式編程的速度，但是當(dāng)你通過useRef獲取子組件的時候，又恰好子組件是一個函數(shù)組件，那么將會報一個錯誤：報這個錯誤的主要原因是函數(shù)組件沒有實例對象，所以你沒辦法通過ref獲取子組件實例? Warnin
2024年02月11日
瀏覽(24)

<tr id="59ot2"><th id="59ot2"></th></tr>