使用 Nativescript Vue 拖放答案

【问题标题】：Drag and Drop with Nativescript Vue使用 Nativescript Vue 拖放
【发布时间】：2019-08-04 09:43:23
【问题描述】：

我想用 nativescript vue 制作一个待办事项列表，并且我希望用户能够通过拖动它们来更改列表项的顺序。

有没有人可以参考可以帮助我的资源？或者任何能让我走上正确道路的事情。

感谢任何帮助。谢谢！

【问题讨论】：

【解决方案1】：

将 RadListView 与 itemReorder="true" 一起使用。例如

<RadListView for="item in items" class="list-group" @itemTap="onItemTap"
        itemReorder="true">

在how to install the plugin 上查看这些说明。

查看这个工作示例on playground。

【讨论】：

非常感谢！这应该正是我想要的。我会在一周内试一试。操场上的例子真的很有帮助，口袋妖怪数据是一个奖励:)
你好，我还不能让它工作。我安装了插件，添加了导入，并告诉 Vue 使用它。当我尝试使用 RadListView 导航到页面时，模拟器上没有任何反应。我什至复制并粘贴了您确切的 hello world 组件，并且得到了相同的结果。如果我将 RadListView 更改为普通的 ListView，navigateTo 确实会更改页面并列出所有口袋妖怪，但如果我将其切换回 RadListView，则不会发生任何事情。控制台确实显示 CreateElement(nativescriptscrollview) 和 CreateElement(NativeRadListView) .
很抱歉它不适合你。你能用你的代码创建一个游乐场吗？
这是一个相当大的应用程序的一部分，所以我想弄清楚如何在操场上复制它。
抱歉，我不小心更改了您的 Playground app.js 文件。我已经分叉了你的项目，并开始在我自己的操场上进行更改。

【解决方案2】：

Rob，我正在尝试做同样的事情：ReOrder List in NativeScript Vue。 RadListView Item Reorder 似乎是预期的解决方案。不过，到目前为止，我的说明有问题。

【讨论】：