Question

我想将click事件添加到组件tagname这样做的正确方法是什么？

这是我的代码：请参阅评论了解更多详情

import Ember from 'ember';

export default Ember.Component.extend({
    tagName: 'li', //onclick how to call 'selectedCard'?
    firstBalanceType : '',
    firstBalanceAmount : '',
    lastBalanceType : '',
    lastBalanceAmount : '',
    actions : {
        selectCard : function(card) { //requrie to pass the card here
            //console.log('card selected' + card);
            this.sendAction('enableNext', card);
        }
    }
});

提前致谢

Answer 1

click是ember组件侦听的有效事件名称

import Ember from 'ember';

export default Ember.Component.extend({
  click(event) {
    this.send('selectCard', this.get('card'));
  }
});

如果您在点击组件模板文件中的某个元素时要求调用selectCard，那么您将有一个与之关联的操作

<li {{action 'selectCard' card}}>{{card.name}}</li>

更多信息： https://www.emberjs.com/api/ember/2.14/classes/Ember.Component/

如何在ember组件中将click事件添加到`tagName`？

1 个答案: