a aaaaaaaaaaaaaaaa

Question

---

解決しました

Answer 1

Vue.jsではないのですが、CSSで解決するのはいかがでしょうか？？
（入力フォームの横、というより、名前を入力する「テキストボックス」の横と解釈していますが、間違いなかったでしょうか）

(input要素):after{
  content: '様';
}

のようにすることで、目的のinput要素（今回であればテキストボックス）の右に「様」という文字を表示することができます。
文字色、余白の大きさなど指定されたいときは、content: '様';の後に、通常通りCSSを記載いただけば問題ありません。

（※Vue.js以外にも、見る限りBootstrapなどのプラグインを採用しているようですので、「Bootstrap」タグを追加されるともっと適切な回答が付くかもしれません。）

Comments

[退会済みユーザー]

ご指摘ありがとうございます。参考にしてみます。

Answer 2

下記でいかがでしょうか？

<div style="overflow: hidden;display: flex;">
　　　　<label-input
          v-model="editableItem.name"
          label="名前"
          rules="max:10"
          input-class="col-lg-3"
          :label-cols-lg="LABEL_COLS_LG"
          :label-cols="LABEL_COLS"
          :disabled="isInfo || isUpdate"
          :hide-valid="isInfo
        />
        様
 　　</div>