我可以在整个 Ember 组件上分配点击事件或 <A> 吗？

Question

我有一个 Ember 组件 tagName:'li'

模板如下所示：

<div> title</div>
 <div> image </div>
 <div> text </div>

结果是上述元素的 <li> 块，如下所示：

<li id="ember2484" class="...">
  <div>...</div>
  <div>...</div>
  <div>...</div>
</li>

我需要以某种方式使 <li> 可点击，因为我有一个 link url 我想分配给每个 <li> 元素。

是否可以使 <li> 可点击？

Answer 1

• Here is a small twiddle demonstrating how to do this
• Documentation here

---

import Component from '@ember/component';

export default class extends Component {
  clickCounter = 0;

  click() {
    this.set('clickCounter', this.clickCounter + 1); 
  }
}

// 或旧语法

import Component from '@ember/component';

export default Component.extend({
  clickCounter: 0,

  click() {
    this.set('clickCounter', this.clickCounter + 1); 
  }
});