el-dialog 加鼠标移动

在Element UI库中，`el-dialog`是一个用于弹出层的组件，如果你想在鼠标悬停在dialog上时增加某种交互效果，比如改变背景颜色、显示提示信息等，你可以利用它的自定义样式或者结合CSS来实现。

首先，你需要在HTML模板中添加`mouseover`或`mouseenter`事件监听器：

<el-dialog :visible.sync="dialogVisible" @mouseover="handleMouseOver">
  <!-- dialog内容 -->
</el-dialog>

然后，在JS部分编写`handleMouseOver`方法：

export default {
  methods: {
    handleMouseOver() {
      this.dialogStyle = { backgroundColor: 'your-color-on-hover' };
      // 可以在这里添加其他想要的效果，如添加提示文字
    },
    handleMouseOut() {
      this.dialogStyle = {}; // 如果需要，清除hover状态下的样式
    }
  },
  data() {
    return {
      dialogVisible: false,
      dialogStyle: {} // 初始化默认样式
    };
  }
}

当你将鼠标移动到dialog上时，`handleMouseOver`会被触发，修改`dialogStyle`属性；当鼠标移开时，`handleMouseOut`会恢复默认样式。