因?yàn)閑lement中的table不具備拖拽排序的功能,所以有時候會用到Sortable.js去實(shí)現(xiàn)拖拽的功能惑艇。具體的使用方法可以參考以下https://blog.csdn.net/weixin_34301307/article/details/87527853
但是有時候我們只想特定的列能夠進(jìn)行拖拽蒿辙,特別是在有input輸入框的時候,如果包含input的列也能進(jìn)行拖拽的話滨巴,會存在鼠標(biāo)不能拖動選中input輸入框里面內(nèi)容的問題思灌,因?yàn)榈趇nput上拖動時,已經(jīng)啟動了拖拽功能恭取,所有會導(dǎo)致無法選中input里面的內(nèi)容泰偿,最直接效果就是,但你想復(fù)制粘貼input里面內(nèi)容的時候蜈垮,你會發(fā)現(xiàn)壓根選不到里面的內(nèi)容耗跛,而是被拖著走裕照。
解決方法:
給需要拖動的列加一個共同的class,比如
11.png
然后運(yùn)用handle屬性就可以啦调塌,handle就是用來控制允許拖動的元素的
33.png