首页 > 解决方案 > 获取聚合物中按钮的值

问题描述

我正在尝试从按钮获取设置值,以便在我的函数中进一步处理它。

<template is="dom-if" if="[[Student.Absence]]">
        <td><button class="defaultbutton" value="[[Student.studentnum]]"></button></td>
        <td><button class="absentbutton" value="[[Student.studentnum]]" on-click="absenceHandler(this.value)"></button></td>
     </template>




 absenceHandler(studID){
    let DummyStudents = this.get(['DummyStudents']);
    console.log(studID);
    alert(DummyStudents[1]);
  }

我希望将值插入到我的函数中,但我得到了这个:

侦听器方法absenceHandler(this.value)未定义处理程序@template-stamp.html:98(匿名)@templatize.html:160

标签: javascriptpolymerpolymer-2.x

解决方案


不需要显式地将值发送到方法。您可以按如下方式使其工作。

 <td><button class="absentbutton" value="[[Student.studentnum]]" on-click="absenceHandler"></button></td>


absenceHandler(e){
let studID = e.currentTarget.value;
    let DummyStudents = this.get(['DummyStudents']);
    console.log(studID);
    alert(DummyStudents[1]);
  }

推荐阅读