質問編集履歴
1
加筆
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
vue、vuexの質問です。
|
|
2
2
|
|
|
3
3
|
同じデータを2回、表示用データと検索用データとして入力しています。(store.jsのitemsとITEMS)
|
|
4
|
-
１つのデータで
|
|
4
|
+
同じデータを２回入力せずに、１回の入力、１つのデータ(store.jsのitemsのみ）で
|
|
5
|
+
|
|
5
6
|
- 検索窓に入力された時は、入力文字が含まれている全てのデータを返す
|
|
6
7
|
- 検索窓が空の時は、全てのデータを返す
|
|
7
8
|
|
|
8
|
-
を実現する
|
|
9
|
+
を実現するにはどうすればいいでしょうか？
|
|
9
10
|
## 環境
|
|
10
11
|
- vue-cli
|
|
11
12
|
- webpack
|
|
@@ -37,6 +38,7 @@
|
|
|
37
38
|
|
|
38
39
|
export default {
|
|
39
40
|
[types.FILTER_ITEMS](state, data){
|
|
41
|
+
/*state.items= state.items.fiter~ だと連続で検索できない*/
|
|
40
42
|
state.items = state.ITEMS.filter(function(item){
|
|
41
43
|
return item.name.indexOf(data.name) > -1
|
|
42
44
|
},this)
|
|
@@ -54,6 +56,7 @@
|
|
|
54
56
|
Vue.use(Vuex)
|
|
55
57
|
|
|
56
58
|
const state = {
|
|
59
|
+
/* ここのデータをitemsのみにしたい*/
|
|
57
60
|
items: [{"id":1,"name":"item1"},
|
|
58
61
|
{"id":2,"name":"sample"},
|
|
59
62
|
{"id":3,"name":"texttext"}],
|