Element-Ui和Vue项目的结合第一步:使用脚手架创建一个Vue项目     vue init webpack 项目名     创建在线项目     vue init webpack 项目名     创建离线项目 第二步:在项目中下载element-ui模板  &nbsp
转载 5月前
64阅读
文章目录一、项目实战一Ⅰ、配置相关插件1. 配置使用 Element2. 配置使用路由Ⅱ、搭建首页(头部 && 侧边栏)1. 头部 header 搭建2. 左侧 aside 菜单栏搭建3. 一级菜单实现4. 二级菜单实现5. menu 样式和路由跳转 一、项目实战一Ⅰ、配置相关插件1. 配置使用 ElementElement参考文档安装 Element:在项目路径下终端键入以下
分析Element-ui封装思想在平时写业务或者是写玩具时候为了方便,我们会使用各种各样组件库。虽然说基本需求看文档就可以了,但是文档中提供方法和业务需求相比肯定是有一定差距,这时候就需要自己封装组件了;并且,在写了一些代码后感觉,其实在不同项目中写过功能差不多相同代码,那为什么不封装一下方便以后、或者是其他人使用呢?写这篇博客时候参考了b站up主樱满空视频。文章内容会不断更新,
今天分享源码是我很早之前gitee上开源一个管理后台模版,是基于vueelementUI一个基础版,技术栈使用:vue2+vuex+vue-router+webpack+ES6/7+axios+elementUI+阿里图标iconfont,可以说基本上使用了vue全家桶,对新手来说,是个不错上手项目。体验地址https://nmgwap.gitee.io/vueproject/#/log
原创 2021-02-25 22:29:14
932阅读
今天分享源码是我很早之前gitee上开源一个管理后台模版,是基于vueelementUI一个基础版,技术栈使用:vue2 + vuex + vue-router + webpack + ES6/7 + axios + elementUI + 阿里图标iconfont,可以说基本上使用了vue全家桶,对新手来说,是个不错上手项目。体验地址https://nmgwa...
原创 2022-06-01 19:12:27
2139阅读
今天分享源码是我很早之前gitee上开源一个管理后台模版,是基于vueelementUI一个基础版,技术栈使用:vue2+vuex+vue-router+webpack+ES6/7+axios+elementUI+阿里图标iconfont,可以说基本上使用了vue全家桶,对新手来说,是个不错上手项目。体验地址https://nmgwap.gitee.io/vueproject/#/log
原创 2021-02-25 22:29:11
1790阅读
一款 PHP 语(字段注释需规范)快速一键生成整个模块所有代码和增删改查等等功能业务,真正实现了
原创 2023-01-25 14:47:27
129阅读
文章目录一、概述二、基于命令行方式手动安1、在工程目录下创建一个vue项目2、添加element-UI3、下载插件,为了方便,选择全部导入:4、SCSS暂时选择不添加:5、继续选择,最后回车:6、安装完成7、测试element是否安装成功8、项目中使用element-UI9、添加axios依赖三、基于UI界面添加插件1、添加element插件2、添加axios依赖 一、概述Element-UI:
 准备工作: node + npm + vue-cli确保node安装成功1、终端查询一下 node -v2、使用命令全局安装vue-cli  npm install -g vue-cli  3、使用命令创建项目   vue init webpack basics(项目名称)$ vue init webpack projectName -- 安装vue-cl
基于Html+Elementui实现java后台管理框架
注释需规范)快速一键生成整个模块所有代码和增删改查等等功能业务,真正实现了
原创 2023-01-26 07:32:54
110阅读
elementui是一套vuejs框架ui库 , 主要逻辑是按照vuejs组件方式来组合 安装有多种方式,可以使用npm包安装,也可以直接引用cdn资源,在这里为了简单起见使用cdn方式. 主体架构还是传统iframe结构 , 框进来一个main界面 没有使用vue-router , 只
原创 2021-06-17 19:00:07
287阅读
MIXINS elevator.js import Velocity from 'velocity-animate'; import {on, off, isInContainer} from 'element-ui/src/utils/dom'; import _ from 'lodash' ex ...
转载 2021-07-23 11:56:00
857阅读
2评论
一、ElementUI (介绍)官网地址 http://element-cn.eleme.io/#/zh-CN让页面设计变得简单,快速开发 <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-...
原创 2021-08-26 10:00:06
853阅读
21.番外篇——Ant Design Vue可展开table实现目标实现代码实现1.先实现简单table2.解决childrenkey值重复问题3.实现展开行4.展开行中使用tag几个技巧 目标实现本章内容是使用Ant Design Vue实现与之前使用Element UI实现类似角色表格,因为内容太多,所以采用点击展开方式。代码实现1.先实现简单table代码如下:<temp
1.隐藏组件el-scrollbar使用(父级div需要设置高度) <div class="warp"> <el-scrollbar style="height:100%;"> <div v-for="item in ListData" :key="item.code"> </el-scrollbar> </div>2.级联选择
起因:最近阅读 vue 官方文档时看到了渲染函数&jsx这一章,其中文档里对 createElement 各个参数内容都有了详细解释,但是在使用时对第二个位置数据对象里参数 scopedSlots 和 slot场景:在我代码里我希望实现功能是,在自定义渲染函数里实现自定义插槽功能。以下知识点需建立在对vue插槽有深刻理解基础上进行。 插槽 — Vue.
<el-upload class="upload-demo" ref="upload" action="http://192.168.1.4:8082/fanliorder/dealEleOrder/" :on-preview="handlePreview" :on-remove="handleRe ...
转载 2021-08-17 21:07:00
1046阅读
2评论
vue+element-ui后台管理系统模板前端:基于vue2.0+或3.0+加上element-ui组件框架后端:springboot+mybatis-plus写接口通过Axios调用接口完成数据传递通过router路由完成各页面的跳转全局配置App.vue<template> <div> <router-view></router-view
vue图片裁剪功能组件首先说明一下,这个组件实际裁剪图片功能是交给后台实现,前端需要提供是几个参数,具体如下最终效果图:(可以滚动鼠标滚轮放大缩小图片,可以拖拽图片,兼容谷歌火狐等浏览器)创建cropper.vue组件,组件代码如下:<template> <div> <el-upload class="upload-demo" :actio
原创 2023-04-23 19:17:57
816阅读
  • 1
  • 2
  • 3
  • 4
  • 5