こちらのツリー表示のライブラリを使用しております。
https://github.com/holiber/sl-vue-tree
ここのdemoでもそうなのですが、フォルダの開閉のボタンを押した時、同時にそのフォルダが選択されてしまいます。
これを、フォルダの開閉をクリックした時は、開閉だけして、選択をしたくないです。
私が試したことは、
@mousedown="onNodeMousedownHandler($event, node)"
@click="emitNodeClick(node, $event)"
試しにこれら二つを、テキスト(Item1とかFolder1とか)に引っ越してみました
もともとの、
@mousedown="onNodeMousedownHandler($event, node)"
@click="emitNodeClick(node, $event)"
は削除しました
javascript
1 2//sl-vue-tree.vue 3 4<!-- <slot name="title" :node="node">{{ node.title }}</slot> --> 5 <span class="title-area" @mousedown="onNodeMousedownHandler($event, node) @click="emitNodeClick(node, $event)"> 6 <span class="title" v-bind:class="{ firstNode : node.firstNode }"> 7 {{ node.title }} 8 </span> 9 </span> 10
slotはなんとなくコメントアウトしました。
firstNodeとかは自分で加えたやつです。
今回は関係ないと思います。
しかし動作の結果は変わりませんでした。
したがって、おそらく問題は
js
1onToggleHandler(event, node) { 2 this.updateNode(node.path, { isExpanded: !node.isExpanded }); 3 this.emitToggle(node, event); 4 event.stopPropagation(); 5}
この関数の中にある思うのですが、少し解釈が難しいです。
力をお貸しください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/10/09 08:34
退会済みユーザー
2018/10/09 11:58