场景
我一个播放器组件,在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.
不会的,一般是写错了