Активировать функцию при выборе данных в раскрывающемся меню в Vue - PullRequest
Новая
       7

Активировать функцию при выборе данных в раскрывающемся меню в Vue

0 голосов
/ 17 мая 2018

У меня есть это выпадающее меню, которое, если я нажму на значение, я бы хотел вызвать функцию, но она не работает. 

<data-list 
      ref="UiGroupName"
      name="groupName"
      id="groupName"
      keyProperty="groupName"
      label='Group Name: '
      :options="shift_groups"
      :change="gotoGroups()"
></data-list>

Я также пробовал @click на :change="gotoGroups()", но все равно не работает. Я что-то упустил?

1 Ответ

0 голосов
/ 17 мая 2018

Чтобы вызвать событие от ребенка к родителю, вам нужно использовать $event

Vue.component('child', {
  template: '<button @click="trigger">Trigger for Parent</button>',
  methods: {
    trigger: function () {
      this.$emit('triggerparent')
    }
  },
})
new Vue({
  el: '#counter-event-example',
  data: {
    msg: ''
  },
  methods: {
    actionParent: function () {
      console.log('Parent triggerd  at : '+(new Date()).getTime());
      this.msg = 'Parent triggerd  at : '+(new Date()).getTime();
    }
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
<div id="counter-event-example">
  <p>{{ msg }}</p>
  <child @triggerparent="actionParent"></child>
</div>
...