Как использовать Vue .Draggable CDN без веб-пакета? - PullRequest
Новая
       105

Как использовать Vue .Draggable CDN без веб-пакета?

0 голосов
/ 04 мая 2020

Я новичок ie на Vue. На одной из страниц (обзор продаж) на веб-сайте CodeIgniter моего клиента необходимо использовать Vue, поэтому я включил его в

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

, и я объявил Vue и его компоненты в файле называется salesview.js. Теперь мне нужно использовать компонент Vue .Draggable . Я добавил его на страницу следующим образом: 

<script src="//cdn.jsdelivr.net/npm/sortablejs@1.8.4/Sortable.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/2.20.0/vuedraggable.umd.min.js"></script>

Поскольку я не использую веб-пакет, как я могу использовать этот компонент?

1 Ответ

1 голос
/ 06 мая 2020

Я решил свою проблему, открыв vuedraggable из объекта окна и добавив его в параметры компонентов, например: 

var vm = new Vue({
    el: '#app',
  components: {
    'sv-lead-column': svLeadColumn,
    'sv-customer-column': svCustomerColumn,
    draggable: window['vuedraggable']
  },
  ...
})
...