質問編集履歴
5
インデント
test
CHANGED
File without changes
|
test
CHANGED
@@ -46,9 +46,9 @@
|
|
46
46
|
|
47
47
|
data() {
|
48
48
|
|
49
|
-
|
49
|
+
return {
|
50
50
|
|
51
|
-
post_data: {
|
51
|
+
post_data: {
|
52
52
|
|
53
53
|
name: '',
|
54
54
|
|
4
ネストの間違いを修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -44,11 +44,19 @@
|
|
44
44
|
|
45
45
|
export default {
|
46
46
|
|
47
|
+
data() {
|
48
|
+
|
49
|
+
return {
|
50
|
+
|
47
51
|
post_data: {
|
48
52
|
|
49
53
|
name: '',
|
50
54
|
|
51
55
|
},
|
56
|
+
|
57
|
+
}
|
58
|
+
|
59
|
+
},
|
52
60
|
|
53
61
|
created() {
|
54
62
|
|
3
すみませんv-modelが抜けていました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -20,7 +20,7 @@
|
|
20
20
|
|
21
21
|
indexOf()を使えばいいのかなと考えているのですが、でうまく取得する方法がわからず困っています。
|
22
22
|
|
23
|
-
|
23
|
+
また、v-modelにはPOST用の
|
24
24
|
|
25
25
|
### 該当のソースコード
|
26
26
|
|
@@ -28,7 +28,7 @@
|
|
28
28
|
|
29
29
|
```vue
|
30
30
|
|
31
|
-
<input type="text" list="list" id="input_field" @change="getNthOption">
|
31
|
+
<input type="text" list="list" id="input_field" @change="getNthOption" v-model="post_data.name">
|
32
32
|
|
33
33
|
<datalist id="list">
|
34
34
|
|
@@ -43,6 +43,12 @@
|
|
43
43
|
import axios from 'axios';
|
44
44
|
|
45
45
|
export default {
|
46
|
+
|
47
|
+
post_data: {
|
48
|
+
|
49
|
+
name: '',
|
50
|
+
|
51
|
+
},
|
46
52
|
|
47
53
|
created() {
|
48
54
|
|
2
語尾の統一
test
CHANGED
File without changes
|
test
CHANGED
@@ -14,7 +14,7 @@
|
|
14
14
|
|
15
15
|
### 発生している問題・エラーメッセージ
|
16
16
|
|
17
|
-
datalist要素はselect要素と違いvalue属性の値がテキストとして入力欄にそのまま表示される。そのためvalue属性に数字を入れてn番目を数える方法が使え
|
17
|
+
datalist要素はselect要素と違いvalue属性の値がテキストとして入力欄にそのまま表示される。そのためvalue属性に数字を入れてn番目を数える方法が使えません。
|
18
18
|
|
19
19
|
また、selectObject.selectedIndexプロパティはdatalist要素には使えないようです。
|
20
20
|
|
1
タイトルを正確なものに変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
vue.jsでdatalist要素内のoption
|
1
|
+
vue.jsでdatalist要素内のどのoptionが選択されたかを取得したい
|
test
CHANGED
File without changes
|