方法未定义

删除的方法一直显示未在实例中定义

盛夏黄昏

2019-03-20

源自：vue2.5入门 4-2

关注问题我要回答

767

操作

收起

1 回答

好吧真的不知道取什么名字
2019-03-21

你这个<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);

}

0 回复有任何疑惑可以回复我~

收起回答

盛夏黄昏提问者

<template> <li @click="amputate">{{msg}}</li> </template> <script> export default { props:['msg', 'index'], methods:{ amputate(){ this.$emit('delete', this.index) } } } </script> 子组件是有amputate这个方法的但是就是这个方法未在实例中定义，但是在呈现期间引用了报的是这个错

2019-03-21 回复有任何疑惑可以回复我~

盛夏黄昏提问者

报这样的错：属性或方法“amputate”未在实例上定义，而是在呈现期间引用。通过初始化该属性，确保该属性在数据选项或基于类的组件中是响应的

2019-03-21 回复有任何疑惑可以回复我~

好吧真的不知道取什么名字回复盛夏黄昏提问者

那么你在父组件就应该用 <list-item @delete="handerDelete" :index="index"></list-item> <script> export default { data() { return { list: [] } }, methods:{ handerDelete(index){ this.list.splice(index, 1); } } } </script>

2019-03-22 回复有任何疑惑可以回复我~

查看3条回复

0/150

提交

取消

vue2.5入门

参与学习 147389 人
解答问题 675 个

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

进入课程

本课相似问答

1 回答方法未定义

4 回答方法定义在哪里

1 回答“Cannot read property 'splice' of undefined” 为什么会说splice未定义？

3 回答组件定义的问题

2 回答vue没有定义怎么解决

搜索更多本课相关问答

方法未定义

我要回答关注问题

热搜

最近搜索清空

方法未定义

1 回答

本课相似问答

方法未定义