この質問はマルチポストです。
スタックオーバーフローはマルチポスト禁止ではないということなので、質問させて頂きます。
元の質問はこちらです。↓
https://teratail.com/questions/141695
現在、こちらのvue.js用の、配列をドラッグ&ドロップして並び替えるモジュールを使っております。↓
https://github.com/holiber/sl-vue-tree
しかしこちらのモジュール、配列の中のオブジェクトが持つ"関数"が、ドラッグ&ドロップ時に消えてしまいます。
それは、自分が以前したこちらの質問↓によって判明致しました。
https://teratail.com/questions/140995
そこで、モジュールの修正を今やろうとしてます。
今、自分のgitにフォーク、さらにそれをローカルにクローンし、ソースツリーでgit管理できてる状態です。
初めてフォークしました。
次に編集してから、npm run buildし、新しくできたsl-vue-treeのモジュールを、プッシュしました。
sl-vue-treeは以下のように編集しました。
こちらのモジュールを使い↓
https://www.npmjs.com/package/clone
var clone = require('clone');
copy(entity) {
return clone(entity)
},
そして自分が開発している環境(vue-cli3.0)のpackage.jsonを
"dependencies": {
"sl-vue-tree": "git+https://github.com/my-name/sl-vue-tree#master",
このように変えました。
そしてnpm installをしました。
しかし開発環境で npm run serveより起動してみると、
ちゃんと関数ごとディープコピーはされていたのですが、以下のコンソールエラーが出てしまいました。
Invalid default value for prop "multiselectKey": Props with type Object/Array must use a factory function to return the default value.
found in
---> at src/sl-vue-tree.vue
このエラーについて調べてみたのですが、
https://github.com/zuobaiquan/vue/issues/4
こちらの記事を見る感じ、関数はアロー関数にしなくてはいけないのでしょうか。
ただ、自分は関数を含んだオブジェクトのpropは他の箇所で普通にやっております。
質問したいこととしては、
1.このコンソールエラーをどうやって消すか。
2.元のライブラリ(sl-vue-tree)にプルリクというのをしてみたいが、上のような他のライブラリを使う方法でプルリクしてもいいのか。
です。
よろしくお願いします。