teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

a

2021/12/16 03:04

投稿

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

2

2021/12/16 03:04

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,54 +1,3 @@
1
- 名前のテキストボックスの右横に"様"と表示するにはどうしたらよいでしょうか。よろしくお願いします。
1
+ --------------------------------------------------------------------------
2
2
 
3
- ![![イメージ説明](7969c08056f5644269d7a7f95f9ce7df.png)
4
-
5
- 上の画像のコードです。
6
- ```vue
3
+ 解決しました
7
- <template>
8
- <validation-observer v-slot="{ invalid }" ref="observer">
9
- <b-modal
10
- id="modal"
11
- ref="modal"
12
- size="lg"
13
- scrollable
14
- centered
15
- :title="title"
16
- :header-bg-variant="headerBgVariant"
17
- :no-close-on-backdrop="isAdd || isUpdate"
18
- :no-close-on-esc="isAdd || isUpdate"
19
- >
20
- <div style="overflow: hidden">
21
- <label-input
22
- v-model="editableItem.numbe"
23
- label="番号"
24
- rules="integer|max:10"
25
- input-class="col-lg-3"
26
- :label-cols-lg="LABEL_COLS_LG"
27
- :label-cols="LABEL_COLS"
28
- :disabled="isInfo"
29
- :hide-valid="isInfo"
30
- type="number"
31
- />
32
-     <label-input
33
- v-model="editableItem.name"
34
- label="名前"
35
- rules="max:10"
36
- input-class="col-lg-3"
37
- :label-cols-lg="LABEL_COLS_LG"
38
- :label-cols="LABEL_COLS"
39
- :disabled="isInfo || isUpdate"
40
- :hide-valid="isInfo
41
- />
42
-   </div>
43
- </b-modal>
44
- </validation-observer>
45
- </template>
46
-
47
- ```
48
-
49
-
50
- いろいろ試しましたが、以下の画像のような感じになってしまいます。
51
- ![イメージ説明](3c06b634e0bbfd2a97303e8232f4d98d.png)
52
-
53
-
54
- ![イメージ説明](a9b857238a1687585201d7dc7719381b.png)

1

追記

2021/08/02 06:22

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,8 @@
1
- 入力フォームの右横に"様"と書きたいです。いろいろ試てみましたがまくいきません。よろしくお願いします。
1
+ 名前テキストボックスの右横に"様"と表示するにはどうしらよいでし。よろしくお願いします。
2
2
 
3
+ ![![イメージ説明](7969c08056f5644269d7a7f95f9ce7df.png)
4
+
5
+ 上の画像のコードです。
3
6
  ```vue
4
7
  <template>
5
8
  <validation-observer v-slot="{ invalid }" ref="observer">
@@ -15,6 +18,17 @@
15
18
  :no-close-on-esc="isAdd || isUpdate"
16
19
  >
17
20
  <div style="overflow: hidden">
21
+ <label-input
22
+ v-model="editableItem.numbe"
23
+ label="番号"
24
+ rules="integer|max:10"
25
+ input-class="col-lg-3"
26
+ :label-cols-lg="LABEL_COLS_LG"
27
+ :label-cols="LABEL_COLS"
28
+ :disabled="isInfo"
29
+ :hide-valid="isInfo"
30
+ type="number"
31
+ />
18
32
      <label-input
19
33
  v-model="editableItem.name"
20
34
  label="名前"
@@ -32,4 +46,9 @@
32
46
 
33
47
  ```
34
48
 
49
+
50
+ いろいろ試しましたが、以下の画像のような感じになってしまいます。
51
+ ![イメージ説明](3c06b634e0bbfd2a97303e8232f4d98d.png)
52
+
53
+
35
- ![![イメージ説明](b6fe1f10f5175a943105aa4a117e17ba.png)]
54
+ ![イメージ説明](a9b857238a1687585201d7dc7719381b.png)