Polymer 如何在铁制可刷卡容器中访问刷卡纸质卡的详细信息

Polymer 如何在铁制可刷卡容器中访问刷卡纸质卡的详细信息,polymer,polymer-1.0,Polymer,Polymer 1.0,我有一个带有dom repeat(firebase数据)的swipeable容器 我试图从刷卡的纸卡上获取数据索引 _onTeamChatSwipe: function() { var card = this.$$('#tcmcard'); var key = card.getAttribute("data-index"); 但刷卡事件后,我无法访问刷卡的数据索引 使用this.$$('tcmcard')在iron swipe处理程序中,您正在查询本地DOM中的swiped元素,但它

我有一个带有dom repeat(firebase数据)的swipeable容器

我试图从刷卡的纸卡上获取数据索引

_onTeamChatSwipe: function() {

 var card = this.$$('#tcmcard'); 
 var key = card.getAttribute("data-index"); 
但刷卡事件后,我无法访问刷卡的数据索引

使用
this.$$('tcmcard')
iron swipe
处理程序中,您正在查询本地DOM中的swiped元素,但它在
iron swipe
事件触发之前已从DOM中删除,因此查询不会返回您期望的结果

但是您不需要查询滑动元素,因为
触发
铁滑动
事件,滑动元素存储在
事件.detail.target

试试这个:

_onTeamChatSwipe: function(e) {
  var card = e.detail.target; 
  var key = card.getAttribute("data-index");

  // simpler syntax to get `data-index`
  // key = card.dataset.index;
}

纸卡{
边缘底部:16px;
}
向左或向右滑动我
HTMLImports.whenReady(函数(){
聚合物({
是‘x-foo’,
特性:{
项目:{
类型:数组,
值:函数(){
返回[1,2,3];
}
}
},
_onswip:函数(e){
var卡=e.detail.target;
console.log(card.getAttribute('data-index'));
//获取“数据索引”的更简单语法
console.log(card.dataset.index);
}
});
});

它可以工作!如果你知道它是如何工作的,那就太容易了。谢谢谢谢,真的很管用。但我有一个问题?我怎样才能检测到滑动的方向,我指的是向左或向右。你能帮助我吗?
_onTeamChatSwipe: function() {

 var card = this.$$('#tcmcard'); 
 var key = card.getAttribute("data-index"); 
_onTeamChatSwipe: function(e) {
  var card = e.detail.target; 
  var key = card.getAttribute("data-index");

  // simpler syntax to get `data-index`
  // key = card.dataset.index;
}