nicolasbeauvais/vue-使用此包进行社交共享，并希望生成动态标题、描述、引号、标签。

Question

无法确定如何使值动态。我在博客上使用这个软件包。每个职位都有不同的价值。

 <social-sharing url="https://vuejs.org/"
                  title="The Progressive JavaScript Framework"
                  description="Intuitive, Fast and Composable MVVM for building interactive interfaces."
                  quote="Vue is a progressive framework for building user interfaces."
                  hashtags="vuejs,javascript,framework"
                  twitter-user="vuejs"
                  inline-template>

任何帮助都将不胜感激。谢谢

更新。我使用了这段代码，似乎运行得很好。

   <social-sharing
    :url="getUrl()"
    :title="post.subject"
    :description="post.subject"
    :quote="post.subject"
    :hashtags="tagsstring +'blog'"
    twitter-user="Dukesnuz"
    inline-template
  >

我写了一篇简短的博客文章：https://david.dukesnuz.com/blog/10/installing-a-social-media-package-in-a-vuejs-component。

Answer 1

您应该能够使用与v-bind:的标准绑定，因此：

<social-sharing v-bind:url="expressionOrVariableName"
    v-bind:title="blogPost.title"
    ...and so on
    inline-template>

其中传递给绑定的值是表达式或变量/支柱名称。