场景我一个播放器组件,在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.
添加回答
举报
0/150
提交
取消