0

Пытаюсь подключить jquery-ui в 'VUE' для использования draggable

Проверка работы draggable на версии jq 1.12 и jq-ui - 1.12

Установил jquery - 1.12.4 и jquery-ui - 1.12.1

npm install --save jquery jquery-ui

Подключаю jq-ui

window.$ = window.jQuery = require('jquery-ui');

И получаю ошибку

 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'version' of undefined"

found in

---> <CardComponent> at resources/js/components/CardComponent.vue
       <Root>

Пытался пойти простым путем -

Просто в <head> добавить

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

Но он не видит draggable

[Vue warn]: Error in mounted hook: "TypeError: $(...).draggable is not a function"

Может есть более простой способ подключить draggable во VUE

1 ответ 1

2

Вы можете попробовать vuedraggable для этих целей. Подключается достаточно просто

1 В компоненте импортируете модуль:

import draggable from 'vuedraggable';

2 подключаете импортированный компонент

export default {
  name: 'MyComponent',
  components: {
    draggable,
}

......

3 Необходимые элементы оборачиваете директивой

<draggable @start="drag=true" v-model="someModelName" @end="drag=false">
   <p>One</p>
   <p>Two</p>
   <p>Three</p>
</draggable>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.