Вызов метода Vue у детей в v-for

У меня есть компонент в V-для

  <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 для всех планов?

0 ответов

Другие вопросы по тегам