账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    vue生成的dom排序以后如何同步新的顺序到数据
    32
    0

    项目有个需求是这样（简化流程）：
    vue通过data中的数组生成了5个li，客户端可以拖拽排序，排序以后需要将新的顺序同步到data中的数组。比如：

    data的数组为[1,2,3,4,5],生成了1,2,3,4,5这几个li，客户端通过拖拽让li顺序变成了2,3,1,4,5。如何让拖拽之后，数组也变成[2,3,1,4,5]

    尝试了很多办法也没实现，请高手支招。感激不尽！

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得：提问者悬赏的 11 元积分
        全部回答
    • 共 0 条
    • 云上城桥 普通会员 1楼

      在 Vue 中，当你对 DOM 进行排序后（例如使用了 v-for 渲染列表并进行拖拽排序），要同步新的顺序到数据中，可以通过监听拖拽完成事件，然后根据新的顺序更新数据源。

      以下是一个简单的例子，假设你有一个数组 items 用于渲染列表，并且你正在使用 HTML5 的 Drag and Drop API 进行拖拽排序：

      ```html

      ```

      在这个例子中，onDragStart 方法记录被拖动的元素及其原始索引，而 onDrop 方法则获取新位置的索引，并根据这两个索引调整数据源 items 的顺序。由于 Vue 是响应式的，所以当数据源改变时，视图会自动更新以反映新的顺序。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部