效果图:
思路:
通过在我的频道进行绑定点击事件,并且传值obj, 在methods的方法里,对绑定的事件先对频道里进行判断,判断是否在编辑状态,在编辑的状态下,去寻找下标;通过子传父 this.$emit 的方法,绑定自定义事件,触发,在子组件里绑定事件,在父组件里,通过子组件触发的自定义事件,再新绑定一个事件,在api里请求数据,引入,然后在methods 方法里进行寻找下标,用splice 的方法进行删除!!!接着,请求相应的方法
1. 在我的频道 绑定点击事件,并且传值obj
2. 通过子传父的方法,去传值
3.在父组件里进行接收
4.在api里请求删除方法,并传值
5.方法:
//删除频道的方法
async removeChannelFn(channelObj){
//删除一个元素,我需要一个下标,但我只有一个对象,怎莫办?
//寻找下标
const index=this.userChannelList.findIndex(obj => obj.id === channelObj.id)
this.userChannelList.splice(index,1)
//第一种方式:把现在用户数组,再覆盖式的 发给后台
//需要把上面的更新数组的过程,封装一个函数,add和remove里调用(笔记里)
//第二种方式:只调用删除的接口
const res14=await removeTheChannelAPI({
channelId:channelObj.id
})
console.log("res14",res14)
}