回答編集履歴
3
いらないところ削除
test
CHANGED
|
@@ -48,8 +48,6 @@
|
|
|
48
48
|
|
|
49
49
|
setup(){
|
|
50
50
|
|
|
51
|
-
const r = ref(null)
|
|
52
|
-
|
|
53
51
|
const divs =ref([])
|
|
54
52
|
|
|
55
53
|
const state = reactive({
|
|
@@ -82,7 +80,7 @@
|
|
|
82
80
|
|
|
83
81
|
}
|
|
84
82
|
|
|
85
|
-
return{
|
|
83
|
+
return{divs,state,selMode}
|
|
86
84
|
|
|
87
85
|
},
|
|
88
86
|
|
2
idx
test
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
公式サイトよりrefを用いたらうまくいきました。これは自分がテストに用いたものですが、これと同じ働きをさせれば、divs.valueの中にid
|
|
1
|
+
公式サイトよりrefを用いたらうまくいきました。これは自分がテストに用いたものですが、これと同じ働きをさせれば、divs.valueの中にidの値が代入されるようになり、これがdocument.getElementById('hoge')の戻り値と同じとなります。
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
あとは`divs.value[idx].name`とすればnameの値を取得できます。
|
|
2
6
|
|
|
3
7
|
|
|
4
8
|
|
|
@@ -26,7 +30,7 @@
|
|
|
26
30
|
|
|
27
31
|
<label v-for="(m,idx) in state.ar_mode" :key="idx">
|
|
28
32
|
|
|
29
|
-
<input type="radio" :id="`id${m.val}`" :name="`name${m.val}`" @click="selMode(m.val)" :ref="(el) =>{if (el) divs[idx] = el }"/>{{m.head}}
|
|
33
|
+
<input type="radio" :id="`id${m.val}`" :name="`name${m.val}`" @click="selMode(m.val,idx)" :ref="(el) =>{if (el) divs[idx] = el }"/>{{m.head}}
|
|
30
34
|
|
|
31
35
|
</label>
|
|
32
36
|
|
|
@@ -62,9 +66,9 @@
|
|
|
62
66
|
|
|
63
67
|
})
|
|
64
68
|
|
|
65
|
-
const selMode = (sel)=>{
|
|
69
|
+
const selMode = (sel,idx)=>{
|
|
66
70
|
|
|
67
|
-
console.log(divs.value)
|
|
71
|
+
console.log(divs.value[idx].name)
|
|
68
72
|
|
|
69
73
|
let mode = state.mode
|
|
70
74
|
|
1
divs
test
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
- 受け皿となるdivsの定義
|
|
12
12
|
|
|
13
|
-
-
|
|
13
|
+
- メソッド内から変数divsを出力する
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|