原文: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