vue中el-button鼠标悬浮显示一个页面

要在Vue中实现鼠标悬浮显示一个页面，你可以使用Vue的指令和事件处理器来实现。

首先，在`<el-button>`元素中添加`@mouseenter`事件处理器，指向一个方法，如下所示：

<el-button @mouseenter="showPopup">鼠标悬浮</el-button>

在Vue实例中，定义该方法，如下所示：

methods: {
  showPopup() {
    // 显示你想要显示的页面
  }
}

在这个方法中，你可以打开一个模态框、弹出一个提示框或者渲染一个组件，以显示你想要显示的内容。

另外，你还可以使用`v-show`指令来控制一个元素的显示和隐藏。例如，你可以在`<el-button>`周围添加一个元素，并在该元素上添加`v-show`指令，如下所示：

<el-button @mouseenter="showPopup">鼠标悬浮</el-button>
<div v-show="showPopupFlag">这是一个悬浮显示的页面</div>

在Vue实例中，定义一个`showPopupFlag`变量，用来控制元素的显示和隐藏，如下所示：

data() {
  return {
    showPopupFlag: false
  }
},
methods: {
  showPopup() {
    this.showPopupFlag = true;
  },
  hidePopup() {
    this.showPopupFlag = false;
  }
}

在这个例子中，`showPopup()`方法会将`showPopupFlag`变量设置为`true`，因此，当鼠标悬浮在`<el-button>`元素上时，`<div>`元素会被显示。`hidePopup()`方法会将`showPopupFlag`变量设置为`false`，因此，当鼠标离开`<el-button>`元素时，`<div>`元素会被隐藏。