vue watch div width change

            .col-md-1            .col-md-1            .col-md-1            .col-md-1            .col-md-1            .col-md-1            .col-md-1            .col-md-1            .col-md-1            .col-md-1            .col-md-1            .col-md-1            .col-md-8            .col-md-4            .col-md-4            .col-md-4            .col-md-4            .col-md-6            .col-md-6        'use strict'        //http://vuejs.org.cn/guide/custom-directive.html        Vue.directive('resize', {            bind: function () {                this.handler = function () {                    var width = this.el.offsetWidth                    if (this.width === width) {                    }                    else {                        console.log(this.width, width)                        this.width = width                        this.vm.$get(this.expression)                    }                }.bind(this)                window.addEventListener('resize', this.handler)            },            update: function (newValue, oldValue) {            },            unbind: function () {                window.removeEventListener('resize', this.handler)            }        })        var vm = new Vue({            el: '# demo',            methods: {                changed() {                    console.log('resize')                },            }        })

关键字：vue.js, #col-md-1、col-md-4、col-md-6#

版权声明

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