這篇“如何使用Vue.js實現(xiàn)拖放效果”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內(nèi)容,內(nèi)容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“如何使用Vue.js實現(xiàn)拖放效果”文章吧。
創(chuàng)新互聯(lián)于2013年開始,先為西疇等服務建站,西疇等地企業(yè),進行企業(yè)商務咨詢服務。為西疇企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。
頁面效果如下所示:
html代碼:
{{pjdt.name}}{{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實現(xiàn)拖放效果”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對大家有幫助,若想了解更多相關的知識內(nèi)容,請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。