【内推字节】欢迎简历chengxinsong@bytedance.com
vuedraggable中如何设置部分元素(比如input)不可拖拽?
发布于 作者 suning 740 次浏览 来自 分享

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


1 回复

<draggable  filter=".ignore-elements" :preventOnFilter="false" />

draggable  加上 filter 和 preventOnFilter

 给你的input 加上 class="ignore-elements" 就可以了


发布评论
微信群
saucxs聊天机器人
saucxs
hi ,欢迎来到sau交流学习社区,欢迎与我聊天,问我问题哦!