Javascript Vue.js使用v-on：用单选按钮单击

如何在单选按钮上使用

$dispatch（）

或

$broadcast（）

？我不能这样做（因为我不能使用单选按钮上的

v-on:click

）：

HTML

 <div class="radio radio-primary">
     <label>
         <input type="radio" name="intern" id="intern" value="intern" 
                v-on:click="update" v-model="selectedrole"/>
             Showall
      </label>                          
</div>

因为我不能使用

v-on:单击单选按钮上的
。我该怎么做？（我需要两个组件中的selectedrole）

请帮帮我
 只要
selectedrole
更改，您就可以使用
watch
广播事件：

Vue.component('searchemployees', {
  template: '#searchemployees',
  data: function()
    {
      return {
        selectedrole: ''
      }
    },
    watch: {
      selectedrole: function(newRole)
      {
        this.$dispatch('selectedRole', newRole)
      }
    }
});

然后只需删除click listener，它是不需要的
这似乎是您以不同的方式询问原始问题：。你应该更新你原来的问题。
Vue.component('searchemployees', {
  template: '#searchemployees',
  data: function()
    {
      return {
        selectedrole: ''
      }
    },
    watch: {
      selectedrole: function(newRole)
      {
        this.$dispatch('selectedRole', newRole)
      }
    }
});