Javascript VueJs表单文本区域和使用BootstrapVue的文本格式问题

我正在使用BootstrapVue构建一个包含两列的行。第一列有文本，第二列有文本。我还希望文本区域旁边出现一个文本（

“数据”

）。但文本仅显示在文本区域下方。我认为这是因为

b-form-textarea

的一些css属性

这是我的

但是，当使用纯

文本区域时，文本会显示在其旁边（请参阅下面的FIDLE/屏幕截图）

我想让文本不仅靠近文本区域，而且垂直居中于文本区域一侧

注意：根据屏幕宽度在小提琴中查看时，两个文本都可能出现在底部。粘贴屏幕截图以避免混淆

建议使用它来对齐元素，如：

  <div class="col-4">
        <b-row align-v="center" >
        <b-col cols="10">
          <b-form-textarea></b-form-textarea>
        </b-col>
        <b-col cols="2"> <span> data </span></b-col>
      </b-row>
    </div>


资料
谢谢。这使文本如预期的那样出现。但是，我无法使文本垂直对齐/居中。我正在尝试类似的东西。因此，即使文本区域被拖动/展开，文本也将位于ittry的右中，以添加
align-v
道具，如下所示：
完美。谢谢