vue安装element-ui并使用

最新推荐文章于 2024-03-23 11:32:29 发布

qq_41636780

最新推荐文章于 2024-03-23 11:32:29 发布

阅读量314

点赞数

文章标签： vue 百度 js

本文链接：https://blog.csdn.net/qq_41636780/article/details/106024070

版权

本文介绍了如何在Vue项目中安装和使用Element-UI库，通过`npm i element-ui -S`进行安装，并在main.js中引入。接着展示了在组件中使用Element-UI的搜索框，并提供了搜索事件的实现，包括创建百度地图的全局变量。同时提到了对下拉框样式的调整方法。

摘要由CSDN通过智能技术生成

1 npm i element-ui -S
2 在main.js中

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

在项目中
import ElementUI from ‘element-ui’;
import ‘element-ui/lib/theme-chalk/index.css’;
Vue.use(ElementUI);

然后在所需要的项目中加入搜索框

<el-autocomplete
  style="width:100%;"
  popper-class="autoAddressClass"
  v-model="form.address"
  :fetch-suggestions="querySearchAsync"
  :trigger-on-focus="false"
  placeholder="详细地址"
  @select="handleSelect"
  clearable>
  <template slot-scope="{ item }">
    <i class="el-icon-search fl mgr10"></i>
    <div style="overflow:hidden;">
      <div class="title">{
  { item.title }}</div>
      <span class="address ellipsis">{
  {