菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 李扬敏-20230106-vue [打印本页]

作者: 王源的李可爱 时间: 2023-1-7 09:42
标题: 李扬敏-20230106-vue

export default {

components: { PlayerHeader, PlayerMiddle, PlayerBottom },

name: "Player",

data() {

return {

totalTime: 0,

curTime: 0,

};

created() {},

mounted() {

this.$refs.audio.oncanplay = () => {

// console.log("11111===", this.$refs.audio.duration);

this.totalTime = this.$refs.audio.duration;

};

methods: {

timeupdate(e) {

// console.log("time===", e.target.currentTime);

this.curTime = e.target.currentTime;

computed: {

// mapGetters辅助函数

...mapGetters([

"isFullScreen",

"currentSong",

"isPlaying",

"currentTime",

"currentLyric",

]),

watch: {

currentSong(newV) {},

isPlaying(newV) {

if (newV) {

// this.$refs.audio.oncanplay = () => {

this.$refs.audio.play();

// };

} else {

this.$refs.audio.pause();

}

currentTime(newV) {

this.$refs.audio.currentTime = newV;

};

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)