请老师解答下面的问题，
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://unpkg.com/vue@next"></script>
<style>
.lm {
display: inline-block;
margin-right: 10px;
}
</style>
</head>
<body>
<div id="root"></div>
</body>
<script>
const app = Vue.createApp({
data() { return { list: [1, 2, 3] } },
methods: {
handleClick() {
this.list.push(this.list.length + 1)
},
handleItemClick() {
//请问老师怎么在方法里面拿到点击的那个数组元素的索引，课程里面没讲，想要删除对应点击的那个元素应该怎么写
this.list.splice(index, 1)
}
},
template: `<div @click="handleItemClick" class='lm' v-for="(item,index) in list" :key="item">{{item}}</div>
<button @click="handleClick">增加</button>`
})
const vm = app.mount('#root')
</script>
</html>
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星