我可以分配點擊事件或<A>整個 Ember 組件嗎？</a>

Question

我有一個帶有tagName:'li'的 Ember 組件

模板如下所示：

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

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

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

我需要以某種方式使<li>可點擊，因為我有一個要分配給每個<li>元素的鏈接 url。

是否有可能使<li>可點擊？

Answer 1

• 這是一個演示如何做到這一點的小玩意兒
• 文檔在這里

---

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); 
  }
});