我有一个包含emp信息的对象数组,比如名字年龄等,我有一个带有上一个和下一个按钮的页面。我希望能够在单击下一个按钮后导航到数组中的对象。我是否需要使用像redux这样的东西才能实现这一目标,还是有其他方法可以做到这一点。有没有办法直接在聚合物中做到这一点。
<dom-module id="my-quiz">
<template>
<div>Employee List</div>
<button on-click="prev">Previous</button>
<button on-click="next">Next</button>
</template>
<script>
class Quiz extends Polymer.Element {
static get is() { return 'my-quiz'; }
// set this element's employees property
constructor() {
super();
this.employees = [
{ name: 'Bob', id: 'b1' },
{ name: 'Ayesha', id: 'b2' },
{ name: 'Fatma', id: 'b3' },
{ name: 'Tony', id: 'b5' }
];
}
prev() {
console.log("prev");
}
next() {
console.log("next");
}
}
window.customElements.define(Quiz.is, Quiz);
</script>
</dom-module>
答案 0 :(得分:2)
这是一个如何做到这一点的例子。还有其他方法。 :
+------------+------+
| player_id | rank |
+------------+------+
| 1 | 1 |
| 2 | 2 |
| 3 | 3 |
+------------+------+