vue+elementui实现数据查询前端只有查询数据

Vue和Element UI提供了很好的前端工具和组件，可以帮助我们实现数据查询的功能。以下是一个简单的示例。

首先，我们需要在Vue项目中引入Element UI的库文件，可以通过npm安装或者使用CDN链接。

然后，在Vue的组件中，我们可以使用Element UI提供的表单组件，比如Input、Select等来实现查询条件的输入。

接着，我们可以使用Element UI的按钮组件来触发查询操作。

在查询操作被触发时，我们可以在Vue的data选项中定义一个空的数组，用于存储查询后的数据。

我们可以利用Vue的生命周期钩子函数中的created方法，在组件初始化时，调用后端接口获取初始数据。

在created方法中，我们可以使用axios或者其他HTTP库来发送GET请求，获取数据并保存到data选项中定义的数组中。

此时，页面就会显示出查询后的数据。

最后，我们可以在页面上使用Element UI的表格组件来展示数据，通过绑定data选项中的数组来动态渲染表格内容。

需要注意的是，我们可能需要对数据进行分页、排序等处理，这些可以通过Element UI提供的分页组件和表格的相关属性来实现。

总结起来，使用Vue和Element UI可以很方便地实现数据查询的前端功能。我们可以利用Element UI的表单组件和按钮组件来输入查询条件和触发查询操作，使用HTTP库发送请求获取数据，再利用Element UI的表格组件展示数据。同时，可以使用分页组件和表格属性来处理分页和排序等需求。