https://element.eleme.cn/#/zh-CN/component/quickstart yarn add babel-plugin-component babel.config.js: module.exports = { presets: ['@vue/cli-plugin-b
原创 2024-04-28 14:33:36
105阅读
https://element.eleme.cn/#/zh-CN/component/quickstartyarn add babel-plugin-componentbabel.con
原创 2022-07-01 06:26:00
1379阅读
一般导入模板都是英文的表头,如果命名看不懂的话就很麻烦,excel传进来之后直接将中文表头改成固定顺序的英文表头可以处理这个问题,vue项目中的excel文件的导入(表头顺序写死) 但我想试一下能不能不固定顺序(虽然写完之后感觉没啥意义= =),就分享一下看看有没人用的上吧。 导入excel的大框架是使用的这篇文章的内容纯前端实现excel表格导入导出原本导出/导入模板 现在导出/导入模板导出时表
      原先以为vue和以前用的什么easyUi,echarts差不多,直接引入个js就可以使用,但是查了下相关文档后,需要的东西好多,安装好启动后差不多上午都快过去了,因为流程相对麻烦,所以写个博客记录下,方便以后工作时找起来方便。    根据vue官方文档说明,首先得安装node.js,因为vue依赖于node的npm的管理工具来
vue项目中引入element ui1.安装element ui1. 安装 Element-UI 模块 npm install element-ui --save2.在main.js中全局引入element uiimport ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(E
如果说是JQuery是手工作坊,那么Vue.js就像是一座工厂,虽然Vue.js做的任何事情JQuery都可以做,但无论是代码量还是流程规范性都是前者较优。看完本篇,你将会掌握基本的Vue.js知识。 准备首先,以下几点希望你已经知道或者做到了:你会用html+css+javascript 写一些网页你知道什么是DOM和BOM(Browser Object Model)你
1、前几天自从搭建完Vue后,能跑的通demo后,却不知道用啥做这个开发合适,其中推荐一下Vs Code,不是很大却很方便,需要的配置也不是很多。(Sublime Text 3 电脑不大行,我没有装上插件。Hbulider 也不是很好用)Vs Code下载地址:https://code.visualstudio.com/2、安装(这个……干就完事)3、装完了吧,英文的吧,搞不了了吧,其他先不用管,
转载 2024-02-06 21:42:08
74阅读
通过一个用户注册页面来介绍1、先下载下element-ui 使用命令【cnpm install element-ui】 页面中需要使用md5加密,所以一起把md5的js也下载下来 【cnpm install js-md5】2、下载好了,在main.js中导入下就可以开始使用了// 导入element-ui组件 import ElementUI from 'element-ui' import "e
1.老项目指只有jquery, html,css,js ,freemarker 等的原始项目。2.引入ElementUI步骤:a. 进入elementUI官网 CDN处<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-
原创 2022-01-14 16:58:31
1387阅读
可视化新建项目打开可视化面板vue ui创建项目可以保存为预设,下次使用此预设时就不需要再次配置了创建完成后我们可以看到他的文件结构vue3初体验入口
原创 2021-11-20 13:47:32
203阅读
目录一、环境配置1.1 安装脚手架([Vue CLI](https://cli.vuejs.org/zh/))1.2 创建项目1.3 VScode设置二、基础语法2.1 setup2.2 ref2.3 Reactive2.4 生命周期2.5 watch监听2.6 模块化2.7 defineComponent2.8 Teleport - 瞬间移动2.9 Suspense2.10 全局API修改三、
转载 2024-10-15 00:24:42
86阅读
目录一、环境配置1.1 安装脚手架([Vue CLI](https://cli.vuejs.org/zh/))1.2 创建项目1.3 VScode设置二、基础语法2.1 setup2.2 ref2.3 Reactive2.4 生命周期2.5 watch监听2.6 模块化2.7 defineComponent2.8 Teleport - 瞬间移动2.9 Suspense2.10 全局API修改三、
转载 8月前
98阅读
文件导入 <el-upload style="display:inline-block" class="upload-demo" :action="`/admin/upload/excle/purchase/plan/material/upload`" :headers="myHeaders" :o ...
转载 2021-10-15 14:25:00
696阅读
2评论
最近在整理以前的代码,碰到了写的element-ui整合vue项目感觉挺好用的,就用一个案例分享给大家吧。首先还是直接附上一份单独网页版的代码吧,复制导入vue.js即用,不需要后端,感受下element-ui的强大。如果想要直接的案例,不想进行简单尝试,请直接调到标题二:案例环境1. 单独网页版代码:<!DOCTYPE html> <html lang="en"> &l
转载 2024-04-23 16:00:34
95阅读
弹出框组件<template> <el-dialog :title="upload.title" :visible.sync="visible" width="400px" append-to-body :close-on-click-modal="false" :before-close="close" @close="onClose"> <
原创 精选 2024-06-12 17:27:25
970阅读
环境要求NodejsNodejs官网下载地址:://nodejs.cn/
原创 2022-03-29 11:24:07
579阅读
为了保证创建过程中避免出现因权限不足的原因 从而 导致创建失败的问题,我们使用 管理员身份 打开命令行第一步,打开命令行后,首先进入我们想要创建项目的目录下g: 表示切换进入G盘cd git 表示打开 当前盘下的 git 文件夹大家可以根据以上两个命令进入自己想要保存项目的目录下,我这里是保存在 G:\Git 文件夹第二步,执行 vue create xxxx 命令x
    出于对网站性能的要求,有时候我们不希望一些比较大的第三方库直接打包到最后的bundle中,而会选择在打包的时候忽略他们,并直接使用CDN上面的资源。脚手架经过升级,cli4的相关配置都需要在vue.config.js这个文件中进行,如果你没有这个文件请自己新建一个(与package.json同级)。    这里我们首先配置configureWebpa
转载 9月前
384阅读
Vue+ElementUI前端开发环境搭建一 VUE简介1.1 渐进式1.2 MVVM模型1.3 响应式二 VUE环境搭建2.1 安装配置node.js2.2 配置镜像€提升速度2.3 全局安装vue2.4 安装脚手架vue-cli2.5 配置vue环境变量三 新建项目3.1 初始化3.2 初始化项目安装依赖3.3 启动项目四 开发环境4.1 开发工具4.2 目录结构4.3 插件导入五 安装问题
转载 2024-09-30 13:47:36
266阅读
说明:这是手写的excel导出 所以没有样式。 首先我们搭建一个springboot项目。 打开地址:https://start.spring.io/ 加入依赖。我贴出我们需要的。<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot
转载 2024-10-05 19:06:41
44阅读
  • 1
  • 2
  • 3
  • 4
  • 5