teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問a　aaaaaaaaaaaaaaaa

編集履歴

質問編集履歴

3

a

2021/12/16 03:04

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- 入力フォームの横に文字を入れる方法
1
+ a　aaaaaaaaaaaaaaaa
test CHANGED
File without changes

2

ｋ

2021/12/16 03:04

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,107 +1,5 @@
1
- 名前のテキストボックスの右横に"様"と表示するにはどうしたらよいでしょうか。よろしくお願いします。
1
+ --------------------------------------------------------------------------
2
2
 
3
3
 
4
4
 
5
- ![![イメージ説明](7969c08056f5644269d7a7f95f9ce7df.png)
6
-
7
-
8
-
9
- 上の画像のコードです。
10
-
11
- ```vue
5
+ 解決しました
12
-
13
- <template>
14
-
15
- <validation-observer v-slot="{ invalid }" ref="observer">
16
-
17
- <b-modal
18
-
19
- id="modal"
20
-
21
- ref="modal"
22
-
23
- size="lg"
24
-
25
- scrollable
26
-
27
- centered
28
-
29
- :title="title"
30
-
31
- :header-bg-variant="headerBgVariant"
32
-
33
- :no-close-on-backdrop="isAdd || isUpdate"
34
-
35
- :no-close-on-esc="isAdd || isUpdate"
36
-
37
- >
38
-
39
- <div style="overflow: hidden">
40
-
41
- <label-input
42
-
43
- v-model="editableItem.numbe"
44
-
45
- label="番号"
46
-
47
- rules="integer|max:10"
48
-
49
- input-class="col-lg-3"
50
-
51
- :label-cols-lg="LABEL_COLS_LG"
52
-
53
- :label-cols="LABEL_COLS"
54
-
55
- :disabled="isInfo"
56
-
57
- :hide-valid="isInfo"
58
-
59
- type="number"
60
-
61
- />
62
-
63
- 　　　　<label-input
64
-
65
- v-model="editableItem.name"
66
-
67
- label="名前"
68
-
69
- rules="max:10"
70
-
71
- input-class="col-lg-3"
72
-
73
- :label-cols-lg="LABEL_COLS_LG"
74
-
75
- :label-cols="LABEL_COLS"
76
-
77
- :disabled="isInfo || isUpdate"
78
-
79
- :hide-valid="isInfo
80
-
81
- />
82
-
83
- 　　</div>
84
-
85
- </b-modal>
86
-
87
- </validation-observer>
88
-
89
- </template>
90
-
91
-
92
-
93
- ```
94
-
95
-
96
-
97
-
98
-
99
- いろいろ試しましたが、以下の画像のような感じになってしまいます。
100
-
101
- ![イメージ説明](3c06b634e0bbfd2a97303e8232f4d98d.png)
102
-
103
-
104
-
105
-
106
-
107
- ![イメージ説明](a9b857238a1687585201d7dc7719381b.png)

1

追記

2021/08/02 06:22

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,12 @@
1
- 入力フォームの右横に"様"と書きたいです。いろいろ試してみましたがうまくいきません。よろしくお願いします。
1
+ 名前のテキストボックスの右横に"様"と表示するにはどうしたらよいでしょうか。よろしくお願いします。
2
2
 
3
3
 
4
+
5
+ ![![イメージ説明](7969c08056f5644269d7a7f95f9ce7df.png)
6
+
7
+
8
+
9
+ 上の画像のコードです。
4
10
 
5
11
  ```vue
6
12
 
@@ -31,6 +37,28 @@
31
37
  >
32
38
 
33
39
  <div style="overflow: hidden">
40
+
41
+ <label-input
42
+
43
+ v-model="editableItem.numbe"
44
+
45
+ label="番号"
46
+
47
+ rules="integer|max:10"
48
+
49
+ input-class="col-lg-3"
50
+
51
+ :label-cols-lg="LABEL_COLS_LG"
52
+
53
+ :label-cols="LABEL_COLS"
54
+
55
+ :disabled="isInfo"
56
+
57
+ :hide-valid="isInfo"
58
+
59
+ type="number"
60
+
61
+ />
34
62
 
35
63
  　　　　<label-input
36
64
 
@@ -66,4 +94,14 @@
66
94
 
67
95
 
68
96
 
97
+
98
+
99
+ いろいろ試しましたが、以下の画像のような感じになってしまいます。
100
+
101
+ ![イメージ説明](3c06b634e0bbfd2a97303e8232f4d98d.png)
102
+
103
+
104
+
105
+
106
+
69
- ![![イメージ説明](b6fe1f10f5175a943105aa4a117e17ba.png)]
107
+ ![イメージ説明](a9b857238a1687585201d7dc7719381b.png)