我一个播放器组件,在timeupdate
的事件里将事件传给另一个兄弟页面使用,我使用vuex
来进行数据之间的传递。
// player.vue<template> <div class="player"> ... <audio @timeupdate="updateTime" :src="`xxx.mp3`"></audio> </div> </template>import {mapMutations} from "vuex";export default { name: "player", methods:{ updateTime(e) { //这个事件是监听播放曲目的进行时间的,至少每秒执行一次 let currentTime=e.target.currentTime; this.setCurrentTime(currentTime) }, ...mapMutations({ setCurrentTime: "SET_CURRENT_TIME" }) } }
// 兄弟页面import {mapGetters} from "vuex";<template> {{currentTime}}</template>export default{ name:'xxx', computed:{ ...mapGetters(['currentTime']) } }
页面上的currentTime一直是state
里的初始值0,难道说set值太快,就凉凉了吗
Thanks in advance.
慕村225694
相关分类