Question

我正在使用phonegap，vuejs2和onsenui开发移动应用。我为触摸事件安装了vue2-touch-events插件。在这个应用程序中，我使用v-for渲染一些数据。这是div。

<v-ons-list-item class="swipeArea"
 v-for="(list, index) in todoLists"
 v-bind:key="list.todo"
 v-if="!list.completed"
 v-touch:swipe.left="deleteLisItem(index)"
 v-touch:swipe.right="doneLisItem(index)"
 v-touch:longtap="deleteOrDone(index)" tappable>
    <label class="center">
        <i class="zmdi zmdi-check" aria-hidden="true"></i> {{ list.todo }}
    </label>
</v-ons-list-item>

然后当用户浏览一个列表时，会弹出一个带有3个按钮的弹出窗口。完成，删除和取消。用户点击完成后，该项目将标记为已完成，如果单击删除，该项目将被删除，单击取消将取消该事件。这是div

<div v-if="doneOrDelete" id="doneOrDelete">
    <div class="action-sheet-mask"></div>
    <div class="action-sheet">
        <button class="action-sheet-button" @click="doneLisItem">Done</button>
        <button class="action-sheet-button action-sheet-button--destructive" @click="deleteLisItem">Delete</button>
        <button class="action-sheet-button" @click="doneOrDelete=false">Cancel</button>
    </div>
</div>

现在我所要做的就是将索引传递给方法。谁能帮助我如何通过索引？ TIA

如何将索引传递给兄弟div / tag

0 个答案: