반응형
vue-disable을 사용하지 않도록 설정할 수 없음
어플리케이션 전체에서 공유되는 컴포넌트를 작성했습니다.드래그/소팅이 필요한 장소와 원하지 않는 장소도 있습니다.A에 합격했습니다.prop
내 컴포넌트인disableDraggable
그리고 그것을 바탕으로 아무것도 할 수 없습니다.드래거블을 비활성화하려면 어떻게 해야 하나요?Options 객체의 구문과 간단한 구문을 모두 사용해 보았습니다.: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
(사용하고 있는 것은)와 같은 API를 가지고 있다고 생각됩니다.SortableJs
:disabled로 하고 NOT :disable로 해야 합니다.
<draggable v-model="copyOfQuestions" @end="$emit('updateQuestionsOrder', copyOfQuestions)" :options="{disabled : disableDraggable}">
언급URL : https://stackoverflow.com/questions/57179289/vue-draggable-not-able-to-disable
반응형
'programing' 카테고리의 다른 글
String Builder를 지우거나 비우려면 어떻게 해야 합니까? (0) | 2022.07.18 |
---|---|
날짜를 해석하는 방법? (0) | 2022.07.18 |
VueJS 구문: 마운트에서 실행 중인 메서드 (0) | 2022.07.18 |
Java에서 명령줄 인수를 해석하려면 어떻게 해야 합니까? (0) | 2022.07.18 |
대신 프로펠러 값을 기반으로 데이터 또는 계산된 속성을 사용하십시오.Vue JS (0) | 2022.07.18 |