色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue dragstart

謝彥文2年前9瀏覽0評論

vue的dragstart是一個非常有用的事件,它可以讓我們在拖動html元素時執行自定義的函數。這個函數可以是一個簡單的console.log語句,或者是一個更加復雜的操作。

Vue.directive('dragstart', {
bind: function(el, binding, vnode) {
function dragStart(event) {
event.dataTransfer.setData('text', binding.value);
}
el.setAttribute('draggable', true);
el.addEventListener('dragstart', dragStart);
},
unbind: function(el) {
el.removeEventListener('dragstart', dragStart);
}
})

上面的代碼是一個非常簡單的vue指令,它將dragstart事件綁定到了一個html元素上。在我們拖動這個元素時,dragStart函數將被執行。該函數將我們要拖動的元素的值存儲在一個dataTransfer對象中,并以’text’的形式設置它的數據類型。這將使得我們可以在拖動操作結束后訪問到它。

在使用這個指令的時候,我們只需要簡單地在需要拖動的元素上添加v-dragstart=”myFunction”即可。myFunction可以是我們自己定義的任何函數。如果需要傳遞參數,我們可以在函數名稱后面添加括號,在括號里面傳遞參數。

<div v-dragstart="myFunction(param)">拖動這里</div>

總而言之,vue的dragstart指令是一個非常有用的工具,它能夠幫助我們輕松地實現拖放操作。無論你是想制作一個簡單的拖放列表,還是一個更加復雜的拖放游戲,它都將是一個非常好的選擇。