Vue.js 如何在vuejs中绑定按钮的值？

如何在Vuejs中绑定按钮的值？事实上，我正在寻找类似于：

<b-button-group>
     <b-btn value="one" v-model="stateButtons">one</b-btn>
     <b-btn value="two" v-model="stateButtons">two</b-btn>
     <b-btn value="three" v-model="stateButtons">three</b-btn>
</b-button-group>

<p>Chossen: {{stateButtons}}</p>  // show the value of selected button

一
二
三
Chossen:{{statebutons}}
//显示所选按钮的值

你可以像这样做

<b-button-group>
     <b-btn value="one"  @click="stateButtons = "one">one</b-btn>
     <b-btn value="two" @click="stateButtons = "two">two</b-btn>
     <b-btn value="three" @click="stateButtons = "three">three</b-btn>
</b-button-group>

二
引导按钮组不允许任何
v-model
属性，因此您可以像

  <b-button-group >
      <b-btn @click="stateButtons = 'one'">one</b-btn>
      <b-btn  @click="stateButtons = 'two'">two</b-btn>
      <b-btn @click="stateButtons = 'three'">three</b-btn>
    </b-button-group>

    <p>Chossen: {{stateButtons}}</p>


一
二
三
乔森：{{stateButtons}}