Question

我无法让代表团参加活动。当按下元素中的按钮时，我试图触发某个功能。但是，当我使用提供的语法（'tap:delegate(button)': function(){});）时，我得不到任何回复。下面是一些示例代码，一些帮助将不胜感激。

HTML:
<my-tag></my-tag>

Js:
xtag.register('my-tag', {
content: '<span>Some Text</span><button>my button</button>',
events: {
 'tap:delegate(button)': function(){
  console.log('the button was pushed');
}
} 
});

Answer 1

您的代码对我有用。有些东西可能无序加载。您可以尝试使用WebComponentsReady事件处理程序包装代码：

window.addEventListener('WebComponentsReady', function () {
    xtag.register('my-tag', ...);
});

我通常会将脚本标记放在<body>的底部以避免这种情况。

<body>
  <my-tag></my-tag>

  <script src="lib/x-tag-core.js"></script>
  <script src="components/my-tag.js"></script><!-- xtag.register('my-tag', ...) -->
</body>

或者如果你正在使用像webpack这样的东西

// components/my-tag.js

var xtag = require('~lib/x-tag-core.js');

module.exports = xtag.register('my-tag', ...);

事件委派不在X-tag中工作

1 个答案: