列表渲染中想实现鼠标移入移出功能,如下图:

在vue列表渲染中使用鼠标移入移出

问题出现:定义了一个desc_show,直接在移入移出函数中写  desc_show=true/desc_show=false。结果出现鼠标移入特定元素,其他不该出现的元素也出现,这不是我想要的。

解决办法:利用循环中的index,现在移入移出函数中赋值,再到需要显示的元素中进行三目运算。

定义desc_show为空

在vue列表渲染中使用鼠标移入移出

将index传入

在vue列表渲染中使用鼠标移入移出

在函数中对desc_show赋值(赋值可以是数组里的任意一个)

在vue列表渲染中使用鼠标移入移出

在需要出现的元素中添加三目运算进行判定

在vue列表渲染中使用鼠标移入移出

相关文章: