Vue坑位记录 (01): iCheck模拟v-model

一、坑的形状

iCheck自带 ifChecked/ifUnchecked 事件,但实际在选中相关CheckBox和Radio时,原有<input>没有进行更新,选中状态绑定在了iCheck实例上。这时通过v-model绑定时,无法触发监听handler。

二、填坑材料

iCheck事件、iCheck target、vm实例、v-model对象。

三、填坑过程

在初始化iCheck实例时,同时绑定ifCheck事件:

mounted () {
    const $vm = this
    $('.checkboxes input').each(function () {
        const self = $(this)
        self
            .iCheck({ /** Some options... **/ })
            .on('ifChecked', function (event) {
                $vm.someData[event.target.getAttribute('name')] = parseInt($(event.target).val())
            })
        })
    }
}


已发布

分类

作者:

标签