vue实现鼠标移入移出事件代码实例

本文实例为大家分享了vue实现鼠标移入移出事件的具体代码,供大家参考,具体内容如下

创新互联网站建设服务商,为中小企业提供网站设计、网站制作服务,网站设计,网站运营等一站式综合服务型公司,专业打造企业形象网站,让您在众多竞争对手中脱颖而出创新互联。

{{item.name}}
{{item.det}}
export default {
  data(){
   return{
    seen:false,
    current:0
   }
  },
  methods:{
   enter(index){
    this.seen = true;
    this.current = index;
   },
   leave(){
    this.seen = false;
    this.current = null;
   }
  }
 }
 

以上所述是小编给大家介绍的vue实现鼠标移入移出事件详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!


文章题目:vue实现鼠标移入移出事件代码实例
文章转载:http://csruizhi.cn/article/pcgpji.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 攀枝花网站设计 网站建设费用 高端网站设计 成都网站建设公司 营销型网站建设 H5网站制作 成都h5网站建设 温江网站设计 网站制作公司 网站建设方案 成都网站设计 成都网站制作 企业网站建设 成都网站建设 企业网站设计 外贸营销网站建设 网站建设公司 网站建设方案 成都网站设计 成都营销网站制作 成都网站建设 响应式网站设计