element-ui MessageBox 和 Tooltip一起使用的bug

使用Tooltip组件包裹的元素触发MessageBox弹窗在关闭弹窗时会导致Tooltip状态可见。

解决方法：

1. manual属性设置为true把Tooltip改为手动控制模式
2. v-model控制状态是否可见
3. native和prevent修饰符监听mouseenter和mouseleave事件

具体代码如下：

<template>
    <el-tooltip
          effect="light"
          lacement="bottom"
          :manual="true"
          v-model="isShow"
          @mouseenter.native.prevent="put"
          @mouseleave.native.prevent="leave"      
    >
    </el-tooltip>
</template>
<script>
export default {
    methods: {
        put() {
          this.isShow = true;
        },
        leave() {
          this.isShow = false;
        }
    }
}
</script>