vue+elementUI 搭建与使用首先默认安装好了vue3与node.js、webpack打开控制台输入命令 vue create 项目名称 然后回车 创建vue项目vue create vue-manage-system然后进入手动选择配置这里简单介绍一下 前面两个是之前配置好的选择 以后我们创建项目也可以根据需要进行选择默认项目创建，第三个 default是vue本身自己的默认选项，最后一
转载
2024-04-04 19:32:48
57阅读
vue入门|ElementUI使用指南 1.开发前务必熟悉的文档： 2.构建项目框架 备注：vue init 再3.x以后建议用vue create，请参考https://cli.vuejs.org/zh/guide/creating-a-project.html#%E6%8B%89%E5%8F%9
转载
2019-06-17 09:52:00
269阅读
2评论
一、核心功能模块1. 多模式选择器配置通过type属性实现6种日期维度选择：<!-- 周选择（带中文格式化） -->
<el-date-picker
v-model="weekValue"
type="week"
format="yyyy 第WW周"
placeholder="选择周">
</el-date-picker>
<!-
elementui有些地方又太大了，太占屏幕空间，需要缩小1、el-button size="mini" 2、表格行太高.el-table__cell{ padding: 1px 0px 1px 0px !important;}===============持续更新中=================
ElementUI有些地方显示实在太小，不方便操作，需要放大：1、el-dialog的标题栏那个关闭符号使用如下方法放大::v-deep .el-dialog__headerbtn { font-size: 40px; font-weight: 700; top: 0px;}2、el-table-column 设置sor
一、核心实现方案1. 即时编辑模式通过el-table结合el-input组件实现点击即编辑效果，利用CSS控制输入框显示状态。此方案适合需要快速修改单个字段的场景（ 3）：<el-table-column prop="name" label="姓名">
<template slot-scope="scope">
<el-input
v-mo
一、核心交互模式设计1. 即时编辑模式通过动态切换显示状态实现快速编辑，支持鼠标悬停可视化反馈：<el-table-column label="价格">
<template #default="scope">
<div class="cell-edit-wrapper">
<el-input
v-show="sco
安装npm i vant -Snpm i element-ui -S配置按需引入插件vantnpm i babel-plugin-import -Delementnp
原创
2021-06-18 14:01:28
538阅读
安装npm i vant -Snpm i element-ui -S配置按需引入插件vantnpm i babel-plugin-import -Delementnpm install babel-plugin-component -Dbabel.config.jsmodule.exports =
原创
2021-06-18 14:01:28
535阅读
一、使用 iframe 标签嵌套页面1、简单了解一下 （1）什么是 iframe？ iframe 标签会创建一个行内框架（包含另一个文档的内联框架）。 简单地理解：页面中嵌套另一个页面。（2）使用场景？ 有的项目需求，需要在当前页面中显示外部网页，比如访问csdn、查看接口文档等，此时就可以使用 iframe 标签，嵌套一个页面。 （3）简单使用一下 修改commo
转载
2024-05-04 10:55:39
96阅读
1. ·概述
2. Selectable插件允许用户对指定的元素进行选中的动作。此外还支持按住Ctrl键单击或拖拽选择多个元素。
3. 官方示例地址：http://jqueryui.com/demos/selectable/
4.
5.
6. ·参数（参数名 : 参数类型 : 默认值）
7. autoRefresh : Boolean : true
8.
转载
2024-07-30 16:04:53
288阅读
学习目录Vue.js 基础：在学习 ElementUI 之前，你需要先掌握 Vue.js 的基础知识，包括 Vue.js 的核心概念、指令、组件等。ElementUI 组件：ElementUI 包含很多常用的 UI 组件，如按钮、表单、表格、弹窗等，你需要针对每个组件进行深入的学习，了解组件的使用方法、属性、事件等。ElementUI 主题：ElementUI 可以自定义主题，你需要了解如何配置主
原创
2023-07-25 15:17:33
691阅读
在Element UI框架中，表单是使用<el-form>和标记对<el-form-item>标记对实现的。其中表单的验证使用<el-form>标记对的rules属性来进行设置。Element UI 框架中的表单验证使用 async-validator（异步校验）第三方库实现，该库在 GitHub 的地址是 https://github.com/yiminghe
转载
2024-03-05 13:53:54
64阅读
element UI 是一套采用 vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型.本文参考Element UI 官网指南,首先需要安装Git工具和node.js,下载完成后回车安装即可,也可以使用我网盘里的下载Git工具和node.js
然后新建一个文件夹,比如我们就叫My Project
打
vue-element-admin 登陆引言vue-element-admin是vue生态圈中，最火的一个后台管理框架。基于vue和element-ui实现。这篇文章主要会讲解登陆的流程以及我认为这个框架的厉害的东西：动态路由，之前看代码的时候，总想着一个登陆搞那么麻烦，后面仔细品味发现原来一个小小的登陆功能涉及到了这么多的东西。准备工作目录结构了解一个框架之前，先要从目录结构入手(这里直接引用花
转载
2024-05-08 15:56:38
108阅读
ElementUI概述 定义 ElementUI是一套开发者、设计师产品经理准备的基于Vue2.0桌面端组件库，是基于Vue的一个UI框架，该框架基于Vue开发了很多相关组件方便快速开发页面 由来 ElementUI前端团队基于Vue进行开发并开源，提供封装好的组件 安装ElementUI 方式一： ...
转载
2021-08-28 16:18:00
312阅读
2评论
elementui对number没有校验
原创
2022-07-13 11:31:45
40阅读
1.需求：点击tab切换echarts2.所用技术：引的vue.js elementUI 切换用的是elementUI中的Tabs标签页3.遇到了几个问题： 1》报错：[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null" 2》点击切换 tabs,导致ech
转载
2024-06-14 13:28:59
219阅读
element-ui按需引入踩的坑（Vue）一、按需引入的步骤1. 下载npm i element-ui -S2. 配置bable.config.js文件{
/* "presets" 使用脚手架中自带的配置即可" */"presets": [["es2015", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName":
转载
2024-06-25 08:39:34
60阅读
这里以此代码片段为例说明一则bug，请bug对号入座。（bug截图省略）页面的栅格缩放，导致页面布局发生叠加错位？一、坑1 · 引言： （先来一则bug代码）<el-card v-for="(resume,key) in resumes" :key="key" class="item" shadow="hover">
<el-row>
<el-col :span
转载
2024-04-18 15:29:37
30阅读
