Polymer 如何在铁制可刷卡容器中访问刷卡纸质卡的详细信息
我有一个带有dom repeat(firebase数据)的swipeable容器 我试图从刷卡的纸卡上获取数据索引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元素,但它
_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;
}