element-ui组件的使用，导航菜单（NavMenu）组件、分页组件的使用

最新推荐文章于 2024-08-12 11:12:01 发布

。Idea

最新推荐文章于 2024-08-12 11:12:01 发布

阅读量6.7k

点赞数

文章标签： ui vue.js javascript

本文链接：https://blog.csdn.net/weixin_46672437/article/details/128839399

版权

本文介绍了ElementUI组件库的使用，包括导航菜单（NavMenu）组件的模式设置和菜单项创建，以及分页组件的实现方式和关键要素。详细讲解了如何结合Vue.js和JavaScript实现导航菜单的动态渲染以及分页功能，同时涉及上传组件Upload的使用，阐述了文件上传至服务器并与el-table结合展示的流程。

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

一、ElementUI

1、简介：是'饿了么'公司推出的基于Vue2的组件库

2、使用方法：具体可见官网https://element.eleme.cn/#/zh-CN/component/installation

（1）在vue项目中安装：npm install element-ui

（2）在main.js文件中进行全局的配置

import ElementUI from 'element-ui' ;//导入element-ui库
import 'element-ui/lib/theme-chalk/index.css' ;//导入element-ui的样式文件

Vue.use(ElementUI);//在vue原型上注册外部对象

二、图像组件

<el-image
      style="width: 100px; height: 100px"
      :src="url"
      :fit="fit">
</el-image>
//1.src属性：图像的地址，绑定变量用来指定图片的地址，通常需要使用require来拉取图片
//2.fit属性：确定图片如何适应到容器框（'fill', 'contain', 'cover', 'none', 'scale-down'）
//3.lazy属性：图片懒加载（按需加载）