vue.js同一元素實現單擊click和雙擊事件dblclick,執行不同功能

做項目的時候，總是會遇見一個元素或者按鈕在不同的需求下，需要做不同的功能處理。

在這里我們以table表為例，我這里是用的vue.js和element做的前端

 

如圖所示：（可以單擊姓名或者雙擊姓名）

 功能需求：單擊姓名彈出模態框查看信息，雙擊姓名跳轉到另一界面實現別的操作。

在HTML代碼中加上點擊事件：click是單擊事件，dblclick是雙擊事件

 

 

然后再js中寫上自己的方法就可以了：

 

      methods: { 
       //單擊姓名行綁定
        clickselect: function (row) {
           //寫你需要執行的功能代碼
           
        },
        //雙擊姓名行綁定
        dblclickselect: function (row) {
            //寫你需要執行的功能代碼
        },
}

 

 

創作不易，如若轉載，請備明出處，謝謝！

https://www.cnblogs.com/yifeixue/p/13804205.html