网站建设资讯

NEWS

网站建设资讯

如何使用Vue.js实现拖放效果

这篇“如何使用Vue.js实现拖放效果”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“如何使用Vue.js实现拖放效果”文章吧。

创新互联于2013年开始,先为西畴等服务建站,西畴等地企业,进行企业商务咨询服务。为西畴企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

页面效果如下所示:

如何使用Vue.js实现拖放效果

html代码:


{{pjdt.name}}

在这行代码中小颖在绑定dragstart事件时,drag($event)写法和js写法不一样,如果你在vue中绑定事件时要传 'event',你不能像js那种格式去写 ,比如:@dragstart='drag(event)' 这个写的话你在drag方法中获取到的event是 undefined,因为它把 @dragstart='drag(event)' 中的event当成了一个变量,而该变量并没有在data中定义所以就是 undefined.早上小颖就碰到过此坑.所以切记格式是介个酱紫的: @dragstart='drag($event)'

js代码:

以上就是关于“如何使用Vue.js实现拖放效果”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


文章标题:如何使用Vue.js实现拖放效果
网址分享:http://njwzjz.com/article/gghpes.html

其他资讯