<input v-model="inputValue" />
<button @click="handClick">提交</button>
<ul>
<todo-item
v-for="(item,index) in list" :key="index"
:content="item"
:index=‘index‘
@delete="handdelete"
></todo-item>
</ul>
export default { data(){ return{ inputValue:‘‘, list:[] } }, methods:{
//点击提交添加内容 handClick(){ this.list.push(this.inputValue) this.inputValue=‘‘ }, // @delete="handdelete" 监听子组件的方法 delete handdelete(index){ //接收子组件传过来的index 进行删除 this.list.splice(index,1) } } }
原文:https://www.cnblogs.com/lidonglin/p/9836812.html