引入element-ui依赖后无法使用@current-change如何使用

在使用 Element UI 的 `@current-change` 事件时，需要确保已正确引入 Element UI 的依赖，并按照正确的方式使用该事件。以下是一个示例：

首先，确保已经安装了 Element UI 依赖：

npm install element-ui --save

在你的项目中，需要引入 Element UI 的样式和组件。你可以在入口文件（通常是 main.js 或 index.js）中添加以下代码：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

接下来，在你的组件中使用 `@current-change` 事件，你可以在需要使用的元素上添加该事件，例如：

<el-pagination
  @current-change="handleCurrentChange"
  :current-page="currentPage"
  :page-sizes="[10, 20, 30, 40]"
  :page-size="pageSize"
  layout="total, sizes, prev, pager, next, jumper"
  :total="total">
</el-pagination>

在以上示例中，`@current-change` 事件绑定到了 `handleCurrentChange` 方法上。你需要在组件的 methods 中定义该方法，例如：

methods: {
  handleCurrentChange(page) {
    this.currentPage = page
    // 执行你的逻辑
  }
}

这样，当用户点击分页器时，`handleCurrentChange` 方法会被触发，你可以在该方法中处理当前页码的改变。

请注意，以上示例中的 `currentPage`、`pageSize` 和 `total` 是示意性的变量，你需要根据你的实际需求进行适当修改。另外，记得在组件中定义这些变量，并进行合适的初始化。

希望这能帮到你！如果还有其他问题，请随时提问。