#每天都是崭新的一天#再累也要照顾好自己
vuedraggable中如何设置部分元素(比如input)不可拖拽?
发布于 作者 suning 356 次浏览 来自 分享

draggable渲染成了ul,但是想让ul中部分li元素可拖拽,部分li元素不可拖拽。
文档只给出了在option中设置disabled;sort等属性可以让整个标签不能拖拽,但是没有给出让子元素不可拖拽的实现方法。

{group:{name:'card-config',put:'clone','pull':'clone'},filter: '.undraggable', sort:true}"

filter属性:通过css选择语法可以针对这部分的元素设置不可拖拽。

但是还存在如果是输入框的部分元素,这样设置之后,input的获取焦点就没有了,这样input编辑不了内容,正在寻找更好的方法。

1234567890


发布评论
微信群
saucxs聊天机器人
saucxs
hi ,欢迎来到sau交流学习社区,欢迎与我聊天,问我问题哦!
您正在使用的浏览器是,不在支持范围内!
为了您的正常使用与展示,推荐使用Chrome浏览器68以上版本
支持浏览器:
火狐浏览器最新版
Safari浏览器最新版
Edge浏览器最新版
IE浏览器10,11