首页 > 其他分享 >原生拖拽

原生拖拽

时间:2024-08-28 15:16:19浏览次数:10  
标签:原生 index moveData any number 拖拽 startIndex event

<template                     v-for="(item,index) in info.data"                     :key="index"                 >

             
          <div class="sub-set" draggable="true" @dragstart="dragstart($event,index)" @dragover="dragover" @drop="drop($event,index)" >

 

 dragstart(event: any, index: number) {
            this.startIndex = index;
        },
        dragover(event: any,) {
            event.preventDefault();
        },
        drop(event: any, index: number) {
            const moveData = this.info.data.splice(this.startIndex, 1) as any;
            this.info.data.splice(index, 0, moveData[0]);
        },

 

标签:原生,index,moveData,any,number,拖拽,startIndex,event
From: https://www.cnblogs.com/lopb/p/18384721

相关文章

  • 优化拓展Camstar原生弹窗提示,解决原生消息提示无效或被覆盖的场景
    1.参考代码如下 1usingCamstar.WebPortal.PortalFramework;2usingSystem;3usingSystem.Web.UI;45namespaceCamstar.WebPortal.WebPortlets.Shopfloor6{7///<summary>8///優化拓展Camstar原生消息彈窗提示,解決原生消息提示無效或被覆蓋......
  • 用 Higress AI 网关降低 AI 调用成本 - 阿里云天池云原生编程挑战赛参赛攻略
    作者介绍:杨贝宁,爱丁堡大学博士在读,研究方向为向量数据库《Higress AI网关挑战赛》正在火热进行中,Higress社区邀请了目前位于排行榜top5的选手杨贝宁同学分享他的心得。下面是他整理的参赛攻略:背景我们要在Higress网关中编写WebAssembly(wasm)插件,使得在http请求的各个......
  • Argo Workflow 介绍:一款强大的云原生持续集成工具
    Argoworkflow是什么老牌的CICD工具Jenkins应该是大部分都接触过的,而在云原生时代,诞生了两大CI/CD框架,也就是ArgoWorkflow和Tekton,本文主要介绍一下ArgoWorkflow。ArgoWorkflow是一个云原生的工作流引擎,基于kubernetes来做编排任务,目前Argo项目是CNCF的毕......
  • Apache RocketMQ 中文社区全新升级丨阿里云云原生 7 月产品月报
    云原生月度动态云原生是企业数字创新的最短路径。《阿里云云原生每月动态》,从趋势热点、产品新功能、服务客户、开源与开发者动态等方面,为企业提供数字化的路径与指南。趋势热点......
  • 可拖拽表单设计器都有哪些突出特点?
    为了提高效率、降低开发成本,利用低代码技术平台的优势特点可以实现这一目标。究竟什么是低代码技术平台?都有哪些值得夸耀的特点和优势?今天,我们就带着这些问题,一起来了解低代码技术平台、可拖拽表单设计器的多个优势特点,以及为何能推动企业实现流程化办公。在数字化转型的发展期,很......
  • 活动回顾丨云原生开源开发者沙龙上海站回放 & PPT 下载
    8月2日,云原生开源开发者沙龙AI原生应用架构专场在上海举办,现场围绕AI应用开发和Agent编排、API网关、可观测、智能编程、消息队列等视角分享了我们的开源成果和进展,以及落地实践。以下为分享回顾。关注公众号,后台回复:0802免费获得上海站讲师PPT合辑精彩回顾①分......
  • 【云原生】Kubernetes中常见的Pod故障排查定位与解决方案
    ✨✨欢迎大家来到景天科技苑✨✨......
  • 云原生周刊:KubeSphere 宣布开源 Thanos 的企业级发行版 Whizard
    开源项目推荐AdmiraltyAdmiralty是一个Kubernetes控制器系统,可以智能地在多个集群之间调度工作负载。它使用简单,并且易于与其他工具集成。CozystackCozystack是一个免费的PaaS平台和框架,用于构建云服务。通过Cozystack,你可以将一组服务器转变为一个智能系统,并通过简单......
  • 原生微信小程序笔记
       ......
  • 新Java萝卜影视4.0.5原生源码【完美修复完整版】
    新Java萝卜影视4.0.5原生源码【完美修复完整版】新Java萝卜影视4.0.5原生源码【完美修复完整版】源码介绍新Java萝卜影视4.0.5是一个基于Java语言开发的影视播放应用。该版本在原有基础上进行了多项优化和修复,提升了应用的稳定性和用户体验。源码采用原生Java编写,适合Java开......