关于 setup()中动态获取 dom 需要 先 nextTick() 后再获取,不然获取的dom可能是不完整的 import { nextTick} from "vue"; …… const funName= async ...
audio中的duration可以获取当前播放音频的总时长 模版: 开始使用的是通过获取dom节点,在使用nextTick等节点挂载完毕后获取duration,不过无法获取,打印的是NaN 查看MDN中关于audio的文档后,发现可以使用canplay事件 修改: 可以正常打印duration的值 ...
2021-12-29 11:05 0 1252 推荐指数:
关于 setup()中动态获取 dom 需要 先 nextTick() 后再获取,不然获取的dom可能是不完整的 import { nextTick} from "vue"; …… const funName= async ...
setup的执行时组件对象还没有创建,此时不能使用this来访问data/computed/methods/props我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象 ...
audio音频在vue播放整理 // 重新加载 this.audio.load(); // 判断是否正在播放 返回布尔值 this.audio.paused // 暂停 this.audio.pause(); ...
先加load() load() 方法用于在更改来源或其他设置后对音频/视频元素进行更新 duration 的值可以在 canplay 事件发生之前的 durationchange 阶段中获取。 如果在Vue中: 也可以试试 ...
ref 过去在 Vue2 中,我们采用 ref 来获取标签的信息,用以替代传统 js 中的 DOM 行为。 在 Vue3 的组合 API 中,采取了新的方案来执行对应的 ref 标签属性获取。过去我们采用的是 this.$refs ...
可以开始播放该音视频)钩子函数回调中访问duration属性可获得(注:在dom挂载完直接获取duration ...
toRef toRef 用于为源响应式对象上的属性新建一个ref,从而保持对其源对象属性的响应式连接。 接收两个参数:源响应式对象和属性名,返回一个ref数据。例如使用父组件传递的props数据时,要引用props的某个属性且要保持响应式连接时就很有用。 toRefs ...
vue3的watch监听多个值的时候,要传入数组的形式。 ...