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

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

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

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

定义desc_show为空

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

将index传入

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

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

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

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

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

相关文章:

  • 2021-07-03
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-12
  • 2021-11-22
  • 2021-09-17
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-16
  • 2022-02-17
  • 2021-12-16
相关资源
相似解决方案