Внедрение Jsignature в компоненте vuejs

Question

Я новичок в Vue и пытаюсь реализовать Jsignature в «настраиваемом» компоненте Vuejs.

Мое решение основано на: https://vuejs.org/v2/examples/select2.html

Это должно быть прямо вперед, однако я не получить работу, решение, которое я получил до сих пор результаты в следующей ошибки:

'Jsignature' is defined but never used
import Jsignature from '../../lib/jsignature

компонент, содержащий подпись.

<template> 
    <div> 
    <app-signature></app-signature> 
    </div> 
</template> 
<script> 
    import Signature from './signature/Signature.vue' 

    export default { 
    components: { 
    appSignature: Signature 
    } 
    } 
</script> 

Компонент подписи.

<template> 
    <div id="signaturecanvas"></div> 
</template> 
<script> 
    import Jsignature from '../../lib/jsignature' 

    export default { 
    data() { 
     return { 
     signature: '' 
     } 
    }, 
    methods: { 
     initial() { 
     var element = ('#signaturecanvas') 
     element.Jsignature.jSignature() 
     } 
    }, 
    created() { 
     this.initial() 
    } 
    } 
</script> 
<style></style> 

Answer 1

Вместо того, чтобы импортировать JQuery и JSignature, я сделал выбор для использования подписи. https://github.com/szimek/signature_pad

Этот «плагин» находится в собственном javascript/html5, что делает мое приложение менее ограниченным для внешних библиотек, таких как JQuery.

Answer 2

Никогда не работал с Jsignature, но я полагаю, вы используете его как JQuery плагин. Вопрос у вас есть на this.$signaturecanvas. Это как-то не так, как получить div через jQuery.

var element = ("#signaturecanvas") или var element = $(this.$el), если вы хотите выбрать весь компонент. $el относится к идентификатору текущего экземпляра компонента vue и в основном является первым тегом из компонента. Выберите подходящий способ в зависимости от того, что вы хотите выбрать, и вы должны заставить его работать.