回答編集履歴
3
dateselectにしないと連動しないはずですね
test
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
computed:{
|
|
22
22
|
|
|
23
|
-
select
|
|
23
|
+
dateselect：{
|
|
24
24
|
|
|
25
25
|
get(){
|
|
26
26
|
|
2
getterの引数
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
:hoge は v-bind:hogeとしてコンポーネント間でデータのやり取りをするための制御なのでjQueryのdataプロパティのように使用しません。
|
|
1
|
+
:hoge は v-bind:hogeとしてコンポーネント間でデータのやり取りをするための制御なのでjQueryのdataプロパティのように使用しません。プルダウンでメンバも含め値を取得したい場合は`v-bind:value`ディレクティブで対応します。
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -24,11 +24,17 @@
|
|
|
24
24
|
|
|
25
25
|
get(){
|
|
26
26
|
|
|
27
|
+
let date = this.date //ここからsetterの値を引っ張ってくる
|
|
28
|
+
|
|
29
|
+
//console.log(date)で確認するとメンバを持っている状態になっているはず
|
|
30
|
+
|
|
27
31
|
const selected = this.getdates.find(date.year); //eferenceError: date is not definedと出ます。
|
|
28
32
|
|
|
29
33
|
return selected
|
|
30
34
|
|
|
31
35
|
},
|
|
36
|
+
|
|
37
|
+
//プルダウンで選択した:valueの値
|
|
32
38
|
|
|
33
39
|
set(date){
|
|
34
40
|
|
1
setter と getter
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
この場合は`v-bind:value="date"としてからあとでsetterの引数からメンバを取得すればいいでしょう。
|
|
5
|
+
この場合は`v-bind:value="date"としてからあとで算出プロパティsetterの引数からメンバを取得すればいいでしょう。
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
@@ -20,17 +20,25 @@
|
|
|
20
20
|
|
|
21
21
|
computed:{
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
selectedOption：{
|
|
24
24
|
|
|
25
|
-
|
|
25
|
+
get(){
|
|
26
26
|
|
|
27
|
-
|
|
27
|
+
const selected = this.getdates.find(date.year); //eferenceError: date is not definedと出ます。
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
return selected
|
|
30
30
|
|
|
31
|
-
|
|
31
|
+
},
|
|
32
|
+
|
|
33
|
+
set(date){
|
|
34
|
+
|
|
35
|
+
this.date = date
|
|
32
36
|
|
|
33
37
|
}
|
|
38
|
+
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
}
|
|
34
42
|
|
|
35
43
|
```
|
|
36
44
|
|