javascript - 如何在组件 VueJS 中初始化小部件？

Question

做的和this一样好，但不幸的是出了点问题。我想初始化 this代码。
这是我的代码:

<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.ready，但我得到了同样的错误:

Cannot set property 'innerHTML' of null

我以为没有加载外部代码，但我不确定。我哪里出错了？

Answer 1

尝试使用 mounted block 而不是 created block ，因为挂载 block 在实例刚刚挂载后调用，其中 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>