>首页> IT >

天天精选!如何监听Vue的插槽变化?试试这一招!

时间:2022-09-28 19:43:16       来源:转载
如何监听Vue的插槽变化?下面本篇文章给大家介绍一下监听Vue插槽变化的方法,希望对大家有所帮助!

最近,每当组件的内容(插槽、子组件等)发生变化时,我需要更新它的状态。对于上下文,它是一个表单组件,用于跟踪其输入的有效性状态。

下面的代码片段是以OptionsAPI格式编写的,但除了指定的地方外可以在Vue2 和 Vue2中使用。【相关推荐:vuejs视频教程】


(资料图)

开始

先从控制表单状态开始,根据状态修改一个类,孩子内容使用填充:

登录后复制

为了更新isInvalid属性,我们需要添加一个触发的事件,可以使用 sumit事件 ,但我更喜用 input事件。

表单不会触发 input事件,但我们可以使用 "事件委托"。我们将监听器附加到父元素(

)上,当事件发生在它的子元素(