vuedraggable 设置元素不可拖拽

1. draggable标签上加 :filter属性, 属性值为不可选中的元素对应的类名

2. 在不可选中元素上增加一个与第一步对应的类名

<draggable
  v-model="myArray"
  :filter=".undraggable"
>
  <transition-group>
    <div
      v-for="element in myArray"
      :key-name="element.id"
      :class="[element.undraggable ? 'undraggable':'']"
      :key="element.id"
    >
      {{ element.name }}
    </div>
  </transition-group>
</draggable>


posted @   柯宝宝智商感人  阅读(3044)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
点击右上角即可分享
微信分享提示