问题:

vuejs没有办法捕获到bootstrap单选按钮的change事件

解决：自定义vuejs的指令

html代码

    
     
     
            
                                        {
   { radio_info[1] }}                
     
    
     
{
   { selected_radio }}
    

vue代码

var vue_button_radio = new Vue({     el: '#vue-button-radio',    data:{        radios: [             ['test1', '测试1'],             ['test2', '测试2'],             ['test3', '测试3'],             ['test4', '测试4'],                    ],        selected_radio: ''    },    directives:{        radio: {              twoWay: true,              bind: function() {                  var self = this;                  $(self.el).on('click', function() {                      var v = $(this).find('input').get(0).value;                      self.set(v);                  });              },              update: function() {                   var value = this._watcher.value;                   this.set(value);                   var btns = $(this.el);                   btns.removeClass('active');                   var v = btns.find('input').get(0).value;                  if (v === value) {                            btns.addClass('active');                   }              }       }})

在湖闻樟注：本文地址