添加一个vanilla事件监听器?

时间:2018-05-04 15:50:05

标签: vue.js vuejs2

我有一个包装另一个(第三方)组件的组件。

我定位此第三方组件中的元素并添加事件侦听器。

document.querySelectorAll('.holder button').forEach(button => {
    button.addEventListener('click', () => {
        console.log('a');
    }, false);
});

我已经在我的父组件中安装了上述代码,但似乎没有附加任何事件。

1 个答案:

答案 0 :(得分:1)

exports.newSubscriberNotification = functions.firestore.document('subscribers/{subscriptionId}').onCreate((snap,context) => { const data = snap.data(); 生命周期钩子也是正确的位置和System.Linq.Enumerable.ToList(System.Linq.Enumerable.Range(0, 10)) .ForEach(x => System.Diagnostics.Debug.WriteLine(x)); 方法,但如果所有这些都不起作用,你应该使用第三方的“准备好” - 回调。

  • 大多数人都有一个回调,表明他们什么时候准备好工作。此回调应添加您的事件侦听器。

  • 另一种方法是将第三方挂载到mounted - 钩子中,然后在该过程之后添加一个this.$nextTick()内的听众。然后在初始化插件之后添加侦听器并且插件具有一个vue-render时间段以将其元素正确地添加到DOM。

    mounted

如果您的第三方需要请求或者非常小,您应该去    第一种方式。