vuetifyjs/vuetify

[Feature Request] Treeview: Determine what element is being hovered over

Open

#20,333 opened on 2024年8月14日

GitHub で見る
 (2 comments) (6 reactions) (0 assignees)TypeScript (40,995 stars) (7,139 forks)batch import
C: VTreeviewT: featuregood first issuehas workaround

説明

Problem to solve

I am trying to implement some custom functionality in my program based off what element in the tree I am hovering over. While I can easily tell what item has been selected, I can not seem to find a way to determine what individual element is being hovered over.

Proposed solution

VTreeview has activated which is an array of ids of activated nodes. All that is needed is something like "hovered" which is an array of ids of hovered over node(s). This probably doesn't need to be an array and can just be a single element.

コントリビューターガイド

技術スタック
vuetypescript
領域
frontend
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
fresh
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
Vue.jsVuetify VTreeview component
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
65
調査方針
Examine the VTreeview component source code to understand how the 'activated' prop is implemented. Then add a new 'hovered' prop that tracks the currently hovered node using mouseenter and mouseleave events. Update the TypeScript types and write unit tests for the new functionality.