Question

下面的代码正是我想要做的，就是当我点击一个按钮动态添加一个组件时。

问题是我想要创建一个函数来添加组件而不是内联表达式。但是，它不会工作。请有人教育我。

<add-exercise :days="days" transition="fade" v-for="component in components" :exerciseplan_id="exerciseplan_id"></add-exercise>

<button v-if="components < 7" @click.prevent="components++">Add</button>
<button v-else="submit" transition="fade">Submit</button>

</template>


data() {

       return {

          components:1,

},
components:{ AddExercise },

无效的代码

<button v-if="components < 7" @click.prevent="addComponent">Add</button>

methods: {
 addComponent: function(){
   return this.components++
}
}

Answer 1

问题在于您的方法。您不需要返回，只需运行您想要的操作，如下所示：

methods: {
  addComponent: function(){
    this.components++;
  }
}

添加组件。为什么这不起作用？

1 个答案: