element UI——button添加事件

問題

　　element UI 中的button想添加鼠標mouseenter、mouseleave等事件，但是發現怎么加都不生效

解決辦法

　　創建原始的button，然后再在這個按鈕上添加事件，如果想要elementUI中的按鈕樣式，可以設置Class為elementUI中的按鈕樣式

示例代碼

            
// class 相當於elementUI button 中 size="mini"，並且使用 plain 屬性
            <button 
            class="el-button el-button--mini is-plain"
            @mouseenter="mouseenter"
            @mouseover="mouseover"
            @mousemove="mousemove"
            @mouseout="mouseout"
            @mouseleave="mouseleave"
            @mousedown="mousedown"
            @mouseup="mouseup"
            @dblclick="dblclick"
            >詳情</button >

.
.
.
// 省略其他代碼
.
.
.

mouseenter(){
    console.log("鼠標划入");
},
mouseover(){
    console.log("鼠標在按鈕中");
},
mousemove(){
    console.log("鼠標在按鈕中移動");
},
mouseout(){
    console.log("鼠標移出按鈕");
},
mouseleave(){
    console.log("鼠標離開按鈕");
},
mousedown(){
    console.log("按鈕按下");
},
mouseup(){
    console.log("按鈕松開");
},
dblclick(){
    console.log("雙擊按鈕");
},