如何在组件VUEJS中初始化窗口小部件

Question

做到这一点，但不幸的是出现问题。我想初始化此代码。
这是我的代码：

<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>

我也尝试使用：vk.share.ready/vk.share.button.dready，但我遇到了相同的错误：

无法设置null的属性'innerhtml'

我认为外部代码没有加载，但我不确定。我在哪里犯错？

Answer 1

尝试使用已安装的块而不是创建块，因为刚刚在实例安装了eL之后被固定的块在其中替换为新创建的VM。$ el ，如下：

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