正巧在之前面试中遇到问实现拖拽效果
创新互联公司是专业的南陵网站建设公司，南陵接单;提供网站设计、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行南陵网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
当时面试的时候简单回答了实现的方式与逻辑。
现在闲来无事，把这个东西实现了一下。
原理很简单，写的很方便。
数据驱动，建立一个数组，数组初始长度为1
拖动触发时，添加一个对象到数组中，拖动的是下标为0的对象，新建的还在原来位置放着，等待下次拖动。
话不多说，上代码
{{index+1}}{{i}}
一个简单的demo，后续用的话可以再丰富，比如以拖动长度来触发事件。
input可以换成子组件。这里提供分享一个底层的实现方式
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。