質問編集履歴
7
マルチポストの報告
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -122,4 +122,8 @@
|
|
|
122
122
|
この形だと関数を含んだオブジェクトはpropsされてなかったけど、
|
|
123
123
|
return clone(entity)
|
|
124
124
|
この形だと、関数を含んだオブジェクトがpropされ、なおかつそれがアロー関数じゃないからエラーが出ているのでしょうか。
|
|
125
|
-
ただ、自分は関数を含んだオブジェクトのpropは他の箇所で普通にやっております。
|
|
125
|
+
ただ、自分は関数を含んだオブジェクトのpropは他の箇所で普通にやっております。
|
|
126
|
+
|
|
127
|
+
-追記-
|
|
128
|
+
回答が得られなかったので、スタックオーバーフローに簡略化してマルチポスト致しました。
|
|
129
|
+
https://ja.stackoverflow.com/questions/47687/vue-js-sl-vue-tree-%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%AE%E4%BF%AE%E6%AD%A3
|
6
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -114,4 +114,12 @@
|
|
|
114
114
|
ただ同じエラーは出たままです。
|
|
115
115
|
あと、プルリクを送るということをしてみたいのですが、他のモジュールをこのように使用してもよろしいのでしょうか。
|
|
116
116
|
少なくともまずコンソールエラーは出ないようにはしなければいけないかもしれませんが...。
|
|
117
|
-
ディープコピーされたオブジェクトの中の関数をアロー関数にする必要があるのでしょうか…。
|
|
117
|
+
ディープコピーされたオブジェクトの中の関数をアロー関数にする必要があるのでしょうか…。
|
|
118
|
+
|
|
119
|
+
-追記-
|
|
120
|
+
そもそも、
|
|
121
|
+
return JSON.parse(JSON.stringify(entity))
|
|
122
|
+
この形だと関数を含んだオブジェクトはpropsされてなかったけど、
|
|
123
|
+
return clone(entity)
|
|
124
|
+
この形だと、関数を含んだオブジェクトがpropされ、なおかつそれがアロー関数じゃないからエラーが出ているのでしょうか。
|
|
125
|
+
ただ、自分は関数を含んだオブジェクトのpropは他の箇所で普通にやっております。
|
5
誤字修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
このように変えました。
|
|
44
44
|
|
|
45
45
|
そしてnpm installをしました。
|
|
46
|
-
おそらくうまくいきました。
|
|
46
|
+
install自体はおそらくうまくいきました。
|
|
47
47
|
開発環境のsl-vue-treeモジュールのsrcにもdistにもreviver関数はちゃんとありました。
|
|
48
48
|
|
|
49
49
|
しかし開発環境で npm run serveより起動してみると、
|
4
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -113,4 +113,5 @@
|
|
|
113
113
|
ちゃんと関数ごとディープコピーされてます！
|
|
114
114
|
ただ同じエラーは出たままです。
|
|
115
115
|
あと、プルリクを送るということをしてみたいのですが、他のモジュールをこのように使用してもよろしいのでしょうか。
|
|
116
|
-
少なくともまずコンソールエラーは出ないようにはしなければいけないかもしれませんが...。
|
|
116
|
+
少なくともまずコンソールエラーは出ないようにはしなければいけないかもしれませんが...。
|
|
117
|
+
ディープコピーされたオブジェクトの中の関数をアロー関数にする必要があるのでしょうか…。
|
3
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
そこで、モジュールの修正を今やろうとしてます。
|
|
11
11
|
|
|
12
12
|
今、自分のgitにフォーク、さらにそれをローカルにクローンし、ソースツリーでgit管理できてる状態です。
|
|
13
|
+
初めてフォークしました。
|
|
13
14
|
|
|
14
15
|
しかし、このディレクトリでまず間違えて, npm link をしてしまいました。これは問題ないでしょうか...。
|
|
15
16
|
|
|
@@ -93,4 +94,23 @@
|
|
|
93
94
|
|
|
94
95
|
return JSON.parse(JSON.stringify(entity), this.reviver)
|
|
95
96
|
|
|
96
|
-
この形だとアロー関数になってくれない意味が分かりません。
|
|
97
|
+
この形だとアロー関数になってくれない意味が分かりません。
|
|
98
|
+
|
|
99
|
+
-追記-
|
|
100
|
+
|
|
101
|
+
こちらのモジュールを使い↓
|
|
102
|
+
https://www.npmjs.com/package/clone
|
|
103
|
+
|
|
104
|
+
```js
|
|
105
|
+
var clone = require('clone');
|
|
106
|
+
|
|
107
|
+
copy(entity) {
|
|
108
|
+
return clone(entity)
|
|
109
|
+
},
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
できました。
|
|
113
|
+
ちゃんと関数ごとディープコピーされてます！
|
|
114
|
+
ただ同じエラーは出たままです。
|
|
115
|
+
あと、プルリクを送るということをしてみたいのですが、他のモジュールをこのように使用してもよろしいのでしょうか。
|
|
116
|
+
少なくともまずコンソールエラーは出ないようにはしなければいけないかもしれませんが...。
|
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -76,4 +76,21 @@
|
|
|
76
76
|
このようになってます。
|
|
77
77
|
これはエクマスクリプト?というやつの違いによるものなのでしょうか。
|
|
78
78
|
|
|
79
|
-
しかも、このreviverの方法でも、オブジェクトの関数が消えてしまいます...。
|
|
79
|
+
しかも、このreviverの方法でも、オブジェクトの関数が消えてしまいます...。
|
|
80
|
+
|
|
81
|
+
-追記-
|
|
82
|
+
|
|
83
|
+
エクマスクリプトは全く関係ないかもしれません。
|
|
84
|
+
勘違いしてました。
|
|
85
|
+
ただファクトリーメソッド?じゃなければいけないみたいなこと言われてますが、こちらの記事をみる感じ、
|
|
86
|
+
https://github.com/zuobaiquan/vue/issues/4
|
|
87
|
+
propsで渡すデータがアロー関数の形になってないからダメなのでしょうか。
|
|
88
|
+
だとしても
|
|
89
|
+
|
|
90
|
+
return JSON.parse(JSON.stringify(entity))
|
|
91
|
+
|
|
92
|
+
この形だと、アロー関数の形でpropsされ
|
|
93
|
+
|
|
94
|
+
return JSON.parse(JSON.stringify(entity), this.reviver)
|
|
95
|
+
|
|
96
|
+
この形だとアロー関数になってくれない意味が分かりません。
|
1
誤字などの修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,9 +9,10 @@
|
|
|
9
9
|
|
|
10
10
|
そこで、モジュールの修正を今やろうとしてます。
|
|
11
11
|
|
|
12
|
-
今、自分のgit
|
|
12
|
+
今、自分のgitにフォーク、さらにそれをローカルにクローンし、ソースツリーでgit管理できてる状態です。
|
|
13
|
-
そして、そこでまず間違えて, npm link をしてしまいました。これは問題ないでしょうか...。
|
|
14
13
|
|
|
14
|
+
しかし、このディレクトリでまず間違えて, npm link をしてしまいました。これは問題ないでしょうか...。
|
|
15
|
+
|
|
15
16
|
次に編集してから、npm run buildし、新しくできたsl-vue-treeのモジュールを、プッシュしました。
|
|
16
17
|
|
|
17
18
|
sl-vue-treeは以下のように編集しました。
|
|
@@ -32,14 +33,18 @@
|
|
|
32
33
|
}
|
|
33
34
|
```
|
|
34
35
|
|
|
35
|
-
そして自分が開発している環境のpackage.jsonを
|
|
36
|
+
そして自分が開発している環境(vue-cli3.0)のpackage.jsonを
|
|
36
37
|
|
|
37
38
|
```js
|
|
38
39
|
"dependencies": {
|
|
39
40
|
"sl-vue-tree": "git+https://github.com/my-name/sl-vue-tree#master",
|
|
40
41
|
```
|
|
41
|
-
このように変えました
|
|
42
|
+
このように変えました。
|
|
42
43
|
|
|
44
|
+
そしてnpm installをしました。
|
|
45
|
+
おそらくうまくいきました。
|
|
46
|
+
開発環境のsl-vue-treeモジュールのsrcにもdistにもreviver関数はちゃんとありました。
|
|
47
|
+
|
|
43
48
|
しかし開発環境で npm run serveより起動してみると、
|
|
44
49
|
以下のコンソールエラーが出てしまいました。
|
|
45
50
|
|
|
@@ -71,4 +76,4 @@
|
|
|
71
76
|
このようになってます。
|
|
72
77
|
これはエクマスクリプト?というやつの違いによるものなのでしょうか。
|
|
73
78
|
|
|
74
|
-
|
|
79
|
+
しかも、このreviverの方法でも、オブジェクトの関数が消えてしまいます...。
|