vue timer demo

        'use strict';

        Vue.directive('timer', {
            params: ['increase', 'interval'],
            twoWay: true,
            bind() {
                this.flag = true
                var increase = parseInt(this.params.increase)
                var interval = parseInt(this.params.interval)

                var self = this

                function timeout() {
                    setTimeout(() => {
                        var num = self.vm.$get(self.expression) || 0
                        self.set(num + increase)
                        if (self.flag)
                            timeout()
                    }, interval)
                }

                timeout()
            },
            unbind() {
                this.flag = false
            }
        })

        // bootstrap the demo
        var demo = new Vue({
            el: '# demo'
        })

关键字：vue.js, vue, timer, demo

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！