方法未定义

来源:4-2 使用vue-cli开发TodoList

盛夏黄昏

2019-03-20 16:37

https://img.mukewang.com/5c91fbc2000119cb04950599.jpg删除的方法一直显示未在实例中定义

写回答 关注

1回答

  • 好吧真的不知道取什么名字
    2019-03-21 08:55:11

    https://img2.mukewang.com/5c92dea700019f0604970601.jpg

    你这个<list-item

               @delete="amputate"   这个@delete是子组件内传出的函数  methods: {

                                                                                                                子组件绑定删除事件

                                                                                                                handerDetlete() {

                                                                                                                    this.$emit("delete", this.index);

                                                                                                                    其中“detele”是子组件传递给父组件的事件也就是绑定在 <list-item @delete="amputale" :index="index">中的 @delete监听事件

                                                                                                                    this.index是子组件传递给父组件的参数 

                                                                                                                }

                                                                                                            }

                >


    父组件绑定(调用子组件删除)

    methods: {

         amputale(index) {

            // index 是从 this.$emit("delete", this.index); 中 this.index传出的值

            this.list.splice(index, 1);

       }

    }

    yuyan 回复盛夏黄昏

    你子组件删除方法是amputate,传给父组件的却是@delete, 肯定未定义啊! 应该传给父组件的是@amputate = "父组件中定义的删除函数名" 。明白了没?

    2019-05-06 10:47:04

    共 6 条回复 >

vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

147230 学习 · 675 问题

查看课程

相似问题