2回答

前端小y

提问者

2020-06-11

关于directive中的update会被多次调用

初始化组件时，情况是 bind 一次，update 两次，指令绑定到‘查询’按钮，真实dom是

我点击‘查询’按钮后，真实dom是

但是指令的钩子 update 未触发（componentUpdated 也未触发，组件初始化和update一样触发两次），这里我就有点不理解官网上的钩子触发条件，真实dom都已经更新了，为什么这两个钩子不触发？

那么，在 update 绑定事件，又给el绑定一个属性  '@@wavesContext' 有何意义？

0

1

扬_灵

同学你好，初始化的时候componentUpdated也是被调用的，你可以在waves中添加componentUpdated钩子函数在里面打印一下。因为要在 update 阶段重新绑定点击函数，所以增加了一个上下文 '@@wavesContext'，里面保存点击事件对应的移除事件函数。点击之后update钩子函数没有执行你可以看一下页面组件有没有更新。如果不能解决你的问题，可以继续追问。

2020-06-11

共1条回复

扬_灵

2020-06-10

同学你好，这是因为directive中的update会被多次调用，所以要在addEventListener之前清除一次事件，否则会导致事件的多次绑定，他注释这段代码后，会导致点击按钮时，handleClick方法被多次调用，如果帮助到了你，欢迎采纳！

0

1

前端小y

关于directive中的update会被多次调用，还是有点问题，麻烦看下我下面的回答

2020-06-11

共1条回复