vuejs2 - vue-draggable 无法禁用
问题描述
我编写了一个在整个应用程序中共享的组件,在某些地方我需要拖动/排序,而有些地方不希望它在那里。我将 a 传递prop
给我的组件调用disableDraggable
并基于它应该禁用,不幸的是它没有做任何事情,我怎样才能禁用可拖动?我应该注意我尝试了选项对象语法和简单的:disable
,这里是相关代码:
<draggable v-model="copyOfQuestions" @end="$emit('updateQuestionsOrder', copyOfQuestions)" :options="{disable : disableDraggable}">
// or :disable="disableDraggable"
<v-card flat class="list_outer_block" v-for="q in questions" :key="q.question_id">
<v-card-text class="pa-0">
<v-layout justify-start align-center>
<v-flex initial-xs px-2 py-3 class="handle minwdth-0" :title="$t('general.drag_for_reorder')">
<v-icon class="text--secondary text--lighten-3">$vuetify.icons.drag_indicator</v-icon>
</v-flex>
....
props: ['questions', 'disableDraggable'],
如何禁用可拖动功能?
我应该注意到vue-draggable
(我正在使用的)据说具有相同的 apiSortableJs
解决方案
它应该是:disabled而不是:disable。
<draggable v-model="copyOfQuestions" @end="$emit('updateQuestionsOrder', copyOfQuestions)" :options="{disabled : disableDraggable}">
推荐阅读
- python - Seaborn clustermap 固定单元大小
- c++ - 来自逆 vp 矩阵和相机位置的光线方向不正确
- bash - sed 识别出错误的文件名
- python - 绘制熊猫核心 series.series/values 未显示
- regex - 如何从 Perl 中的字符串中删除最后一个逗号
- android - 更新的 Android Studio 现在需要 Clang,不再链接到 GCC 的库
- powershell - PowerShell脚本找不到wget?
- python - psycopg2 - 字段“id”的错误丢失数据?
- c# - 自定义类列表中的不同值
- c# - 将无边框表单拖到负数位置