vue3实现el-button长按松开功能

95 阅读 0 评论 63 点赞

我是靠谱客的博主无聊大象，最近开发中收集的这篇文章主要介绍vue3实现el-button长按松开功能，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<el-button type="info"  @mousedown.native="gmousedown" @mouseup="gmouseup">测试</el-button>

<script>
    export default{
    setup(){
      var myTimeDisplay
      //长按事件（起始）
      function gmousedown() {
        myTimeDisplay = setInterval(() => {
            console.log(123)
        }, 50);
      }
      function gmouseup() {
        clearInterval(myTimeDisplay);
      }
      return{
        gmousedown,
        gmouseup,

      }
    }
  }
</script>

实测有用，有疑问欢迎评论，互相交流学习，希望多多点赞收藏