vue 移动端 频道管理—删除频道

效果图：

 思路：

    通过在我的频道进行绑定点击事件，并且传值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)

}