Vue.js Vue-如何正确更改下拉文本？

我有Vue下拉列表

 <b-dropdown id="dropdown-1" text= "UserName" class="m-md-2" >
       <b-dropdown-item class="dropdown-link">Log out</b-dropdown-item>
 </b-dropdown>

我知道这不是正确的方法，但我没有找到正确的方法（通过API或类似的东西）。这种方法也不起作用：

text= "{{ variable }}"

---

有什么想法吗？

要使

文本成为动态的，您应该将其添加到Vue组件实例的一个变量中。HTML属性可以通过在属性名称之前使用
：
前缀（它是
v-bind:
的缩写）来动态化并绑定到变量

鉴于：

<b-dropdown id="dropdown-1" :text="variable" class="m-md-2" >
   <b-dropdown-item class="dropdown-link">Log out</b-dropdown-item>
</b-dropdown>

MuratK可能是对的，但是我知道您希望绑定下拉项，而不是父元素。您可以使用v-for和文本绑定来实现这一点，如：

    <b-dropdown id="dropdown-1" class="m-md-2" >
      <b-dropdown-item v-for="item in items" v-text="item"></b-dropdown-item>
    </b-dropdown>



然后，在数据中，将“items”定义为字符串数组，例如[“注销”、“首选项”、“签名”]。您也可以使用此语法，在您的示例中也是如此：

    <b-dropdown-item v-for="item in items">{{ item }}</b-dropdown-item>

{{item}
您可以在
上为
文本
道具绑定一个动态值，并通过
的单击事件对其进行更改


注销

//脚本
数据（）{
返回{
按钮：“用户名”
}
}

    <b-dropdown id="dropdown-1" class="m-md-2" >
      <b-dropdown-item v-for="item in items" v-text="item"></b-dropdown-item>
    </b-dropdown>

    <b-dropdown-item v-for="item in items">{{ item }}</b-dropdown-item>