質問編集履歴

3

セレクトタグを追加しました。

2021/02/11 11:19

投稿

amaturePy
amaturePy

スコア131

test CHANGED
File without changes
test CHANGED
@@ -28,11 +28,29 @@
28
28
 
29
29
  <div class="col-sm-2 col-form-label">
30
30
 
31
- <button id="btn1"></button>
31
+ <h3>請選擇客戶名字</h3>
32
32
 
33
-    </div>
33
+ <v-select id="table-sel1" v-model="tableSelected1" :on-change="fetchTags1()" :options="tables">
34
34
 
35
+ <option id="table-opt1" v-for="table in tables" :key='table.id'>{{ table }}</option>
36
+
37
+ </v-select>
38
+
39
+
40
+
41
+ <h2>請選擇標籤</h2>
42
+
43
+ <v-select id="tag-sel1" v-model="tagSelected1" :options="tags1">
44
+
45
+ <option id="tag-opt1" v-for="tag in tags1" :key='tag.id'>{{ tag }}</option>
46
+
47
+ </v-select>
48
+
49
+ <button id="btn1">+</button>
50
+
51
+ </div>
52
+
35
- </template>
53
+ </template>
36
54
 
37
55
 
38
56
 

2

buttonから#btn1に変更

2021/02/11 11:19

投稿

amaturePy
amaturePy

スコア131

test CHANGED
File without changes
test CHANGED
@@ -38,7 +38,7 @@
38
38
 
39
39
  <style scoped>
40
40
 
41
- button {
41
+ #btn1 {
42
42
 
43
43
  right: 50%;
44
44
 

1

自分ではdivタグ内の要素の位置を変更の仕方で理解できてないところがあると思っています。の一文追加

2021/02/11 09:34

投稿

amaturePy
amaturePy

スコア131

test CHANGED
File without changes
test CHANGED
@@ -13,6 +13,8 @@
13
13
  今回の質問に関係の無いコードは分量が多いので、全て排除しています。
14
14
 
15
15
  画像にある+ボタンの位置を上のセレクトタグの中央下に移動させられたら幸いです。
16
+
17
+ 自分ではdivタグ内の要素の位置を変更の仕方で理解できてないところがあると思っています。
16
18
 
17
19
  ![イメージ説明](0a76b572b7fa78576b974bd8bd0b30ca.png)
18
20