如何将值绑定到自定义指令中的v-model?

时间:2018-04-16 21:27:57

标签: vue.js vuejs2

我正在创建一个通用的自定义指令(icheck)。 尝试拉取vmodel并将数据绑定到它。 http://embed.plnkr.co/4WNrzF/

现在的问题是

//html
<input type="checkbox" v-model="form.answer"> Something1
<input type="checkbox" v-model="form.answer"> Something2

//main.js
new Vue({
  data:{
     form:{
       answer:""
     }       
  },
  directive:{
    icheck
  }
});


//directive.js
Vue.directive("icheck",{
  inserted:function(el,b,vnode){

  jQuery(el).iCheck({
    checkboxClass: 'icheckbox_square-green',
    radioClass: 'iradio_square-green',
    increaseArea: '20%' // optional
  });

  jQuery(el).on('ifChanged', function(e){

    if($(el).attr("type") == "checkbox") {           

        //how do I bind the data            
    }
 });
}

0 个答案:

没有答案