Vue 父组件如何异步更新子组件状态

Question

例如我有一组list组件，有一个active属性控制其class

每点击list一个item更新active属性

父组件接受其@item-click-selected事件，事件为一个异步事件

现在想要父组件的异步事件完成之后，才更新active属性

// 父组件接收@item-click-selected

itemClickSelected () {

      setTimeout(() => {

           console.log('updated')

      }, 300)

    }

// 子组件

item-click-event () {

    this.active = true

}

Answer 1

通过props