vue135-自定义state-change事件

最新推荐文章于 2023-10-07 14:03:54 发布

前端大歌谣

最新推荐文章于 2023-10-07 14:03:54 发布

阅读量195

点赞数

文章标签：大数据 react.js 前端

本文链接：https://blog.csdn.net/geyaoisnice/article/details/125564258

版权

Vue基础课程专栏收录该内容

178 篇文章 1 订阅

订阅专栏

子组件

 methods: {
    // 只要复选框的选中状态发生了变化，就会调用这个处理函数
    stateChange(e) {
      const newState = e.target.checked
      // 触发自定义事件
      this.$emit('state-change', { id: this.id, value: newState })
    }
  },

父组件

  // 接收子组件传递过来的数据
    // e 的格式为 { id, value }
    getNewState(e) {
      this.list.some(item => {
        if (item.id === e.id) {
          item.goods_state = e.value
          // 终止后续的循环
          return true
        }
      })
    },