Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Has some problem use this in vue 2.0

See original GitHub issue

When use v-sortable directive , the code gives following exception:

Uncaught Sortable: `el` must be HTMLElement, and not [object Undefined]

And nothing gets rendered. Libraries versions used:

"sortablejs": "^1.4.2",
"vue": "^2.0.1",
"vue-sortable": "^0.1.3"

Issue Analytics

State:
Created 7 years ago
Comments:5

Top GitHub Comments

3reactions

MunGellcommented, Oct 17, 2016

This library is not compatible with Vue.js 2.0 at the moment due to significant API changes in the new version.

Update: there is a PR for supporting v2: https://github.com/sagalbot/vue-sortable/pull/13

2reactions

yunbijicommented, Mar 8, 2018

谢谢 @FrankFang 提供的方案 https://github.com/sagalbot/vue-sortable/issues/10#issuecomment-272709457

// your Vue
import Vue from 'vue'
import Sortable from 'sortablejs'

Vue.directive('sortable', {
  inserted: function (el, binding) {
    new Sortable(el, binding.value || {})
  }
})

之前自己的

// your Vue
import Sortable from 'sortablejs'
Vue.use(Sortable);

// vue-sortable/vue-sortable.js
Vue.directive('sortable', function (el, options) {
      options = options || {}
      var sortable = new Sortable(el || this.el, options)