Vue вызывающий метод у детей в v-for - PullRequest
Новая
       31

Vue вызывающий метод у детей в v-for

0 голосов
/ 27 сентября 2018

У меня есть компонент в v-for 

  <div
      v-for="(plan, index) in plans"
      :key="index"
    >

    <plan 
         :name="plan.name"
         :cost="plan.cost"
         :index="index"
        ref="myPlan"
       />
</div>

В этом компоненте у меня есть метод, который очищает все данные. 

  clear() {
      this.cost = '';
      // some more clearing code
    },

Я пытаюсь очистить планвызывая этот метод. 

  this.$refs.myPlan.clear();

Это не работает, потому что ссылка является массивом, но это очищает первые планы 

   this.$refs.myPlan[0].clear();

Как я могу вызвать метод clear для всехиз планов?

...