Animator Screen JS

animator.js

import utils from '../../common/utils.js';

export default {
    data: {
        images: [
            { src: '/common/pic1.png' },
            { src: '/common/pic2.png' },
            { src: '/common/pic3.png' },
            { src: '/common/pic4.png' },
            { src: '/common/pic5.png' },
            { src: '/common/pic6.png' },
        ],
        handleClick() {
            const animator = this.$refs.animator; // Obtain the DOM element whose ref attribute is animator.
            const state = animator.getState();
            console.log(state);
            if (state === 'paused') {
                animator.resume();
            } else if (state === 'stopped') {
                animator.start();
            } else {
                animator.pause();
            }
        },
        backAction() {
            utils.backToHome();
        },
    }
}