Wie initialisiert man das Widget in der Komponente VueJS?

Question

Tun Sie so gut wie this, aber leider geht etwas schief. Ich möchte this Code initialisieren. mein Code
Dies ist:

<template> 
    <div id="vk_share_button"></div> 
</template> 

<script> 
    export default { 
     methods:{ 
     start(){ 
      document.getElementById('vk_share_button').innerHTML = 
      VK.Share.button('example.com', {type: 'link'}); 
     } 
     }, 
     created(){ 
      VK.ready(this.start()); 
     } 
    } 
</script> 

Auch habe ich versucht, zu verwenden: VK.Share.ready/VK.Share.button.ready, aber ich den gleichen Fehler:

Cannot set property 'innerHTML' of null

Ich dachte, dass der externe Code nicht geladen ist, aber ich bin mir nicht sicher. Wo mache ich einen Fehler?

Answer 1

versuchen mounted Block statt created Block verwendet wird, als berittener Block , nachdem die Instanz gerade montiert aufgerufen wurde, in dem el durch die neu geschaffene vm ersetzt $ el `, wie folgt:.

<script> 
    export default { 
     methods:{ 
     start(){ 
      document.getElementById('vk_share_button').innerHTML = 
      VK.Share.button('example.com', {type: 'link'}); 
     } 
     }, 
     mounted(){ 
      VK.ready(this.start()); 
     } 
    } 
</script>