Showing truncated text only on hover with Vue
I tried it like this:
...
-
You can create an array of boolean where each value corresponds to a team.
let formattedClubs= [{name: "team1", description: "desc team1"}, {name: "team2", description: "desc team2"}]; let showDescription = Array.from(formattedClubs, show => false);You have the initial team array. You can create an array of the same size with values initialised to false.
In your template
Now you can match a team in the array
formattedClubs[index]with a value inshowDescription[index]@mouseover="showDescription[index] = true" @mouseout="showDescription[index] = false"Same in your events.
加载中...
- 热议问题