質問編集履歴
5
インデント
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
import axios from 'axios';
|
|
23
23
|
export default {
|
|
24
24
|
data() {
|
|
25
|
-
|
|
25
|
+
return {
|
|
26
|
-
post_data: {
|
|
26
|
+
post_data: {
|
|
27
27
|
name: '',
|
|
28
28
|
},
|
|
29
29
|
}
|
4
ネストの間違いを修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -21,9 +21,13 @@
|
|
|
21
21
|
import "es6-promise/auto";
|
|
22
22
|
import axios from 'axios';
|
|
23
23
|
export default {
|
|
24
|
+
data() {
|
|
25
|
+
return {
|
|
24
26
|
post_data: {
|
|
25
27
|
name: '',
|
|
26
28
|
},
|
|
29
|
+
}
|
|
30
|
+
},
|
|
27
31
|
created() {
|
|
28
32
|
this.init();
|
|
29
33
|
},
|
3
すみませんv-modelが抜けていました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
datalist要素はselect要素と違いvalue属性の値がテキストとして入力欄にそのまま表示される。そのためvalue属性に数字を入れてn番目を数える方法が使えません。
|
|
10
10
|
また、selectObject.selectedIndexプロパティはdatalist要素には使えないようです。
|
|
11
11
|
indexOf()を使えばいいのかなと考えているのですが、でうまく取得する方法がわからず困っています。
|
|
12
|
-
|
|
12
|
+
また、v-modelにはPOST用の
|
|
13
13
|
### 該当のソースコード
|
|
14
14
|
|
|
15
15
|
```vue
|
|
16
|
-
<input type="text" list="list" id="input_field" @change="getNthOption">
|
|
16
|
+
<input type="text" list="list" id="input_field" @change="getNthOption" v-model="post_data.name">
|
|
17
17
|
<datalist id="list">
|
|
18
18
|
<option v-for="(item, index) in items" :key="index" :value="item.name"></option>
|
|
19
19
|
</datalist>
|
|
@@ -21,6 +21,9 @@
|
|
|
21
21
|
import "es6-promise/auto";
|
|
22
22
|
import axios from 'axios';
|
|
23
23
|
export default {
|
|
24
|
+
post_data: {
|
|
25
|
+
name: '',
|
|
26
|
+
},
|
|
24
27
|
created() {
|
|
25
28
|
this.init();
|
|
26
29
|
},
|
2
語尾の統一
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
そして、datalist内のoption選択（Changeイベントが発生した）タイミングで、どのoption要素が選択されたかをconsole.log()を使って書き出したいです。
|
|
7
7
|
|
|
8
8
|
### 発生している問題・エラーメッセージ
|
|
9
|
-
datalist要素はselect要素と違いvalue属性の値がテキストとして入力欄にそのまま表示される。そのためvalue属性に数字を入れてn番目を数える方法が使え
|
|
9
|
+
datalist要素はselect要素と違いvalue属性の値がテキストとして入力欄にそのまま表示される。そのためvalue属性に数字を入れてn番目を数える方法が使えません。
|
|
10
10
|
また、selectObject.selectedIndexプロパティはdatalist要素には使えないようです。
|
|
11
11
|
indexOf()を使えばいいのかなと考えているのですが、でうまく取得する方法がわからず困っています。
|
|
12
12
|
|
1
タイトルを正確なものに変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
vue.jsでdatalist要素内の
|
|
1
|
+
vue.jsでdatalist要素内のどのoptionが選択されたかを取得したい
|
body
CHANGED
|
File without changes
|