a　aaaaaaaaaaaaaaaa

解決しました

この質問の投稿者はすでに退会しているため、質問者からの返信がない点にご留意ください。

行動規範の内容に同意します

回答2件

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

CSS
1(input要素):after{
2  content: '様';
3}

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

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

投稿2021/06/09 01:03

hallen0225

総合スコア587

退会済みユーザー

2021/06/09 01:30

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

行動規範の内容に同意します

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

vue
1<div style="overflow: hidden;display: flex;">
2　　　　<label-input
3          v-model="editableItem.name"
4          label="名前"
5          rules="max:10"
6          input-class="col-lg-3"
7          :label-cols-lg="LABEL_COLS_LG"
8          :label-cols="LABEL_COLS"
9          :disabled="isInfo || isUpdate"
10          :hide-valid="isInfo
11        />
12        様
13 　　</div>