質問編集履歴

5

インデント

2019/01/21 07:30

投稿

hibikikudo
hibikikudo

スコア238

test CHANGED
File without changes
test CHANGED
@@ -46,9 +46,9 @@
46
46
 
47
47
  data() {
48
48
 
49
- return {
49
+     return {
50
50
 
51
- post_data: {
51
+     post_data: {
52
52
 
53
53
  name: '',
54
54
 

4

ネストの間違いを修正

2019/01/21 07:30

投稿

hibikikudo
hibikikudo

スコア238

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が抜けていました。

2019/01/21 07:29

投稿

hibikikudo
hibikikudo

スコア238

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

語尾の統一

2019/01/21 07:18

投稿

hibikikudo
hibikikudo

スコア238

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

タイトルを正確なものに変更

2019/01/21 03:13

投稿

hibikikudo
hibikikudo

スコア238

test CHANGED
@@ -1 +1 @@
1
- vue.jsでdatalist要素内のoptionのn番目が選択されたかを取得したい
1
+ vue.jsでdatalist要素内のどのoptionが選択されたかを取得したい
test CHANGED
File without changes