vue使用sortablejs 如何取消点击input也拖拽
时间: 2023-06-27 19:02:37 浏览: 267
vue-tags-input组件使用指南(推荐)
要取消在 input 上的拖拽,请使用 `cancel` 属性。在 `sortablejs` 中,`cancel` 属性指定了哪些元素不应该被排序。
例如,如果您的代码类似于以下代码:
```html
<div id="list">
<div class="item">
<input type="text" value="Item 1">
</div>
<div class="item">
<input type="text" value="Item 2">
</div>
<div class="item">
<input type="text" value="Item 3">
</div>
</div>
```
您可以通过以下方式取消在 `input` 元素上的拖拽:
```javascript
new Sortable(document.getElementById('list'), {
cancel: 'input'
});
```
这将使 `input` 元素不可排序,但其他元素仍然可以排序。
阅读全文