Vue-bootstrapのb-form-groupでlabel名を親からバインドしたい

Question

質問内容

いつもお世話になっております。
今回以下のソースを書いて、親のコンポーネントからnameとkeyを受け取ってそれぞれをバインドしたいと思っております。ですが、この以下のソースだと、label名が表示されません。
何がいけないか判断できないので、教えていただければ幸いです。
##ソース

<template>
  <b-form-group label-cols="5" label-cols-lg="3" class="col-sm" label-size="sm" :label="label" :label-for="key">
    <b-form-input :id="key" size="sm"></b-form-input>
  </b-form-group>
</template>

<script>
    export default {
        name: "InputText",
        props:{
          name: String,
          key: String,
        }
    }
</script>

###バージョン
"vue": "^2.6.10"
"bootstrap-vue": "^2.0.0-rc.24"

Comments

[karamarimo]

:label="label" の右の label が定義されていません

[sayum]

すみません、ありがとうございます。
そのとおりでした。ケアレスミスです。。。

Answer 1

普通に:label="name"いけました。。