elementui 如何完整引入element ui并使用element ui中的搜索框

一、安装

npm i element-ui

二、在 main.js 中配置 element 组件库

// 加载 element 组件库

import ElementUI from 'element-ui'

// 加载 element 组件库的样式

import 'element-ui/lib/theme-chalk/index.css'

// 全局注册 element 组件库

Vue.use(ElementUI)

三、在页面中使用

通过 v-model 双向绑定 searchText 变量的值，在 @enter 事件中监听回车键事件，当用户按下回车键时，会触发 handleSearch 方法。

另外，el-input 组件还提供了许多其他属性和事件，如 size、maxlength、clearable、on-icon-click 等，可根据需要进行配置。

除了 el-input，Element UI 还提供了更高级的搜索框组件 el-autocomplete。 更多信息可以查阅官方文档：组件|Element

四、效果

文章链接

 您阅读本篇文章共花了：