求助！请问为什么delItem会显示is not defined呢，这不是内置方法吗，checkedItem方法就没有报错

2020-07-21 11:27:13 1.1k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Python实现ARIMA模型以下是一个使用Python实现ARIMA（自回归移动平均模型）的简单示例代码。在运行代码之前，请确保已经安装了pandasnumpy和库。ARIMAorder(2,0,2)p = 2d = 0q = 2forecastmatplotlib在实际应用中，你需要将模拟数据替换为真实的时间序列数据，并且通过合适的方法（如信息准则等）来确定pdq的最佳值。除了auto_arima在使用pmdarima。阅读详情

在网易云课堂上上的网课，跟着敲了一段代码，用的script标签引入的vue，跟网课上都是一样的，可是控制台报错delItem is not defined，请问怎么改啊？

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>事件</title>
<style>
[v-cloak]
{
display: none;
}
. list{width: 600px;height: 25px;margin-bottom: 10px}
. list. active{background-color: aquamarine;color: royalblue}
</style>
</head>
<body>
<div id = "app" v-cloak>
<ul>
<li :class="{list:true,active:item.active}" v-for="(item,index) in list" :key="index"
@click="checkedItem(index)">{{item.name}}-<button type="button" @click="delItem(index)">删除</button></li>
</ul>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
<script>
new Vue({
el:"#app",
data()
{
return{
list:[
{id:1,name:"张三",age:28,active:false},
{id:2,name:"李四",age:18,active:false},
{id:3,name:"王五",age:38,active:false}
]
}
},
methods:{
checkedItem(index)
{
//console.log(index);
this.list[index].active=!this.list[index].active;
}
},
delItem(index) {
this.list.splice(index,1);
}
}

)
</script>
</body>
</html>