CanJS 在组件外部单击影响组件

Question

我想在<some-component>中添加一个事件监听器对按钮使用react。

<some-component></some-component>
<button class="click">click here</button>

我确信这真的很简单。我对 CanJS 很陌生并且正在研究它。

<can-component tag="some-component">
<style type="less">
    <!-- stuff -->
</style>
<template>
    <!-- stuff -->
</template>
<script type="view-model">
import $ from 'jquery';
import Map from 'can/map/';
import 'can/map/define/';

export default Map.extend({
  define: {
    message: {
      value: 'This is the side-panels component'
    }
  }
});
</script>
</can-component>

我尝试添加 $('body').on('click', '.click', function() {});到该组件，它似乎不起作用。阅读了大量文档，但我仍然缺少一些基本的理解。

更新

我尝试过这个:

<some-component-main>
    <some-component></some-component>
    <button class="click">click here</button>
</some-component-main>

事件监听器位于 some-component-main

events: {
  ".click click": function(){
    console.log("here I am");
  }
},

但这也不起作用。

Answer 1

<some-component-main>
    <some-component></some-component>
    <button class="click">click here</button>
</some-component-main>

在 some-component-main 中使用事件监听器

events: {
  ".click click": function(){
    console.log("here I am");
  }
},

当我意识到以数字结尾的组件会导致其他问题阻碍它时，这确实起作用了。