[Vuejs]-BootstrapVue b-form-group label binding, label not showing

1👍

The problem is that you´re binding your value <ZComplianceField :mylabel="foo"></ZComplianceField>.

Notice that you have a : in-front of mylabel. The : is shorthand for v-bind, which binds a data property.

What you want is to remove the :, so that your foo is treated a string.

Your other option is to define foo in your data and set it to a string.

{
  ...
  data() {
    return {
      foo: "Some Label"
    }
  }
  ...
}
👤Hiws

Leave a comment