关于elementui笔记（持续更新）

NavMenu 导航菜单

1.如果想通过导航栏菜单进行路由跳转的话，需要给el-menu添加一个router属性，这个属性表示是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转

 <i class="el-icon-s-order"></i>

这个i标签的class属性就是icon图标，更换class属性值就可以更换icon图标

Carousel 走马灯

可以通过给data添加图片数据，然后v-for循环图片数据，自动添加多个el-carousel-item标签，

  <el-carousel-item v-for="(item, index) in images" :key="index">
      <h3 class="medium">
        <img :src="item.url" style="width: 100%; height: auto" />
      </h3>
    </el-carousel-item>


 data() {
    return {
      images: [{ url: require('../Main/images/01.jpg') }, 
      { url: require('../Main/images/02.jpg') }]
    }
  }

通过v-bind绑定属性，进行更换图片的操作

image图片

使用image图片，image图片里面可以直接使用懒加载，如果想使用懒加载的话，直接给标签加上lazy属性，

<el-image v-for="url in urls" :key="url" :src="url" lazy></el-image>

如果想设置图片请求失败时的默认图片，需要使用slot

<el-image v-for="url in urls" :key="url" :src="url" lazy>
<div slot="error">
 <img src="" alt="">
</div>
</el-image>