原文:vue3中如何獲取audio中duration數據

audio中的duration可以獲取當前播放音頻的總時長 模版: 開始使用的是通過獲取dom節點,在使用nextTick等節點掛載完畢后獲取duration,不過無法獲取,打印的是NaN 查看MDN中關於audio的文檔后,發現可以使用canplay事件 修改: 可以正常打印duration的值 ...

2021-12-29 11:05 0 1252 推薦指數:

查看詳情

關於VUE3 setup()動態獲取dom

關於 setup()動態獲取 dom 需要 先 nextTick() 后再獲取,不然獲取的dom可能是不完整的 import { nextTick} from "vue"; …… const funName= async ...

Thu Mar 11 06:30:00 CST 2021 0 1831
vue3的getCurrentInstance

setup的執行時組件對象還沒有創建,此時不能使用this來訪問data/computed/methods/props我們可以通過 getCurrentInstance這個函數來返回當前組件的實例對象,也就是當前vue這個實例對象 ...

Wed Feb 23 18:18:00 CST 2022 0 1861
vueaudio音頻播放

audio音頻在vue播放整理 // 重新加載 this.audio.load(); // 判斷是否正在播放 返回布爾值 this.audio.paused // 暫停 this.audio.pause();    ...

Sat Feb 16 06:45:00 CST 2019 0 18328
微信 audio 獲取 duration 為 NaN 的解決方法

先加load() load() 方法用於在更改來源或其他設置后對音頻/視頻元素進行更新 duration 的值可以在 canplay 事件發生之前的 durationchange 階段獲取。 如果在Vue: 也可以試試 ...

Thu Nov 08 01:05:00 CST 2018 0 2402
vue3通過ref獲取元素節點(系列十一)

ref 過去在 Vue2 ,我們采用 ref 來獲取標簽的信息,用以替代傳統 js 的 DOM 行為。 在 Vue3 的組合 API ,采取了新的方案來執行對應的 ref 標簽屬性獲取。過去我們采用的是 this.$refs ...

Fri Mar 05 22:35:00 CST 2021 1 8192
vueaudio學習筆記

可以開始播放該音視頻)鈎子函數回調訪問duration屬性可獲得(注:在dom掛載完直接獲取duration ...

Mon Apr 04 08:05:00 CST 2022 0 904
Vue3toRef和toRefs

toRef toRef 用於為源響應式對象上的屬性新建一個ref,從而保持對其源對象屬性的響應式連接。 接收兩個參數:源響應式對象和屬性名,返回一個ref數據。例如使用父組件傳遞的props數據時,要引用props的某個屬性且要保持響應式連接時就很有用。 toRefs ...

Wed Dec 29 03:43:00 CST 2021 0 873
vue3watch的使用

vue3的watch監聽多個值的時候,要傳入數組的形式。 ...

Fri Jan 14 00:10:00 CST 2022 0 1643
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM