question-mark
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.

How to use it in vue-cil

See original GitHub issue

I don’t know how to use it in vue-cil , it dosen’t work and throw a error ‘Error in directive sortable bind hook: “Sortable: el must be HTMLElement, and not [object Undefined]”’

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:4
  • Comments:7

github_iconTop GitHub Comments

3reactions
lasthruncommented, Mar 5, 2018
<script>
import Sortable from 'sortablejs'
import Vue from 'vue'

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

export default {
//your vue component
}
</script>

@eladcandroid @LiamKlyneker @glittle @mgohin

0reactions
eladcandroidcommented, Mar 11, 2018

Here’s a more clean solution: https://github.com/SortableJS/Vue.Draggable

Read more comments on GitHub >

github_iconTop Results From Across the Web

Vue CLI: Home
For new projects, please use create-vue to scaffold Vite-based projects. Also refer to the Vue 3 Tooling Guide for the latest recommendations.
Read more >
Vue JS 3 Tutorial for Beginners #4 - The Vue CLI ... - YouTube
In this Vue 3 tutorial we'll use the Vue CLI to boilerplate a larger Vue project for us, which will ultimately contain multiple...
Read more >
This problem occurred when I used jest in vue cil
i guess the problem is axios in node_modules. It seems that babel doesn't work. so what should I do? even if the jest.config.js...
Read more >
How to Use Vue CLI for Easier VueJS Project Management
Feel free to use whatever port number you prefer. For those who prefer to work using dark themes, the Vue Project Manager offers...
Read more >
Solution for path problem of local static picture in Vue-cil and Webpack
1 Local image Dynamic binding img SRC attributeGenerally we refer to images in HTML or Vue component files, which is not required for...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found