当前位置: 首页 > 科技观察

使用这个技巧来监听Vue的插槽变化

时间:2023-03-13 03:56:06 科技观察

最近,我需要在组件的内容(插槽、子组件等)发生变化时更新组件的状态。对于上下文,它是一个表单组件,用于跟踪其输入的有效性状态。下面的代码片段以OptionsAPI格式编写,但除非另有说明,否则适用于Vue2和Vue2。从控制表单的状态开始,根据状态修改一个类,填充子内容:为了更新isInvalid属性,我们需要添加一个触发事件,可以使用sumit事件,但我更喜欢使用input事件。表单事件有7个:focus,blur,input,select,change,reset,submit等,具体见这篇文章:https://blog.csdn.net/qq_43797996/article/details/103066452表单不会触发输入事件,但我们可以使用“事件委托”。我们将侦听器附加到父元素(

),当其子元素(