
Element
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
爱宇阳
遇见你,是我幸运的开始!
展开
-
vue-quill-editor 保留文字样式禁止粘贴base64图片
【代码】vue-quill-editor 保留文字样式禁止粘贴base64图片。原创 2022-10-08 09:32:47 · 1330 阅读 · 1 评论 -
vue+element动态表单验证
【代码】vue+element动态表单验证。转载 2022-10-08 06:54:14 · 779 阅读 · 0 评论 -
Element表单动态控制是否必填
问题:有四种发票类型,当类型为纸质专票时,可以不输入校验码,其他三种情况都必须输入校验码。解决方式:动态控制表单的rules代码:...<!-- 纸质专票无需输入校验码--><el-form-item label="校验码后六位" prop="checkCode" :rules="invoiceInfo.invoiceType == 2 ? [{required: false}]:rules.checkCode"> <...转载 2021-12-14 10:49:00 · 1882 阅读 · 1 评论 -
element-china-area-data 市辖区改为城市名称
最近在项目中遇到有一些客户不需要市辖区要求改成对应的城市名称,所以对element-china-area-data@5.0.2做了一下调整。安装npm install element-china-area-data -S修改数据 安装完成之后,找到的app.js和app.commonjs.jsnode_modules\element-china-area-data\dist\app.jsnode_modules\element-china-...原创 2021-07-28 15:20:50 · 2475 阅读 · 1 评论 -
el-upload 使用 before-upload 传递其他参数
:before-upload="(file) => beforeAvatarUpload(file, id)"<el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="(file) => be...原创 2021-06-26 18:17:28 · 5821 阅读 · 2 评论 -
Vue 动态生成 el-checkbox-group 遇到的v-model双向数据绑定问题及解决方法
在制作一个根据props传入值来动态生成未知个数的el-checkbox-group时: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <t转载 2021-06-03 08:50:32 · 6764 阅读 · 1 评论 -
使用element-ui二次封装一个表单组件
<!-- 搜索表单 --><template> <el-form ref='editForm' :size="size" inline :label-width="labelWidth" :model="editData" :rules="editRules"> <el-form-item v-for='item in editCfg' :label="item.label" :prop='item.prop' :key="item.la.原创 2021-06-01 10:13:55 · 466 阅读 · 0 评论 -
Promise实现子组件的多表单校验并反馈结果给父组件
先画个图看看整个组件+表单的结构(本文列举4个子组件、子组件中4个子表单为例,更多的同理):F.vue:父组件,做表单的统一验证和提交;X.vue:子组件,单独做表单验证,验证通过则提交表单数据给父组件;formX:子组件中表单绑定的model变量,通常所有子表单绑定在这一个表单变量上;form_xn:子表单的ref;注:本文中表单验证基于Element-ui实现(采用ref+validate方法实现,但整体框架具备通用性)一、Promise实例生成首先需要一个根..转载 2021-05-31 17:39:18 · 840 阅读 · 0 评论 -
Element-ui upload组件 上传文件类型限制
一、接受文件类型 accept=".pdf, .doc, .docx, .xls, .xlsx",但是当选择弹出本地选择文件时候可以切换到所有文件,接受文件类型得不到限制<el-form-item label="附件:" label-width="200px"> <el-upload accept=".pdf, .doc, .docx, .xls, .x...原创 2020-01-08 17:33:59 · 27440 阅读 · 7 评论 -
element 日期选择器 只能选择今天之前或选择今天之后的日期
<template> <div class="app-container"> <el-date-picker v-model="birthday" type="date" placeholder="请选择日期" :picker-options="pickerOptions" > </el-date-picker> </div></template>&.原创 2020-06-26 20:02:19 · 3217 阅读 · 0 评论 -
vue+axios+el-upload http-request 文件上传
vue axios 接口请求封装一、接口文件 src/api/file.jsimport request from "@u/request";/** * 文件上传 * @param data {Object} formData对象 "file" * @returns {*} */export function uploadFile(data) { return request({ url: "/file/upload", method: "post", d原创 2020-06-26 09:25:09 · 3956 阅读 · 2 评论 -
element select 当前选中的数据对象
el-select value/v-model 绑定值为对象类型时必填value-key 作为 value 唯一标识的键名<template> <div> <el-select v-model="model" value-key="id" placeholder="请选择"> <el-option v-for="item in options" :key="item.id" :l...原创 2020-06-25 14:17:00 · 2142 阅读 · 0 评论 -
element build 打包之后生产环境图标偶尔乱码
如果您使用 @vue/cli,dart-sass 创建的项目,则会存在图标偶尔乱码的问题解决方法:使用node-sass打包方式一、卸载dart-sassnpm uninstall sass二、安装node-sassnpm install node-sass -D安装完成之后重新 build 就可以啦...原创 2020-06-12 17:29:03 · 3742 阅读 · 1 评论 -
去除element el-input type=number 右侧箭头
没有去除之前:去除之后:具体css代码:/*在Chrome下移除input[number]的上下箭头*/.no-number::-webkit-outer-spin-button,.no-number::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none !important;}.no-number input[type="number"]::-webkit-outer-spin-button原创 2020-05-22 15:47:35 · 6821 阅读 · 5 评论 -
vue+element+axios 通过拦截器实现的全局loading加载动画
/* * Copyright © 2019-2020 LiuDanYang/LiJia. All rights Reserved. */import axios from "axios";import { MessageBox, Message, Loading } from "element-ui";import store from "@/store";import { get...原创 2020-05-11 11:18:34 · 1899 阅读 · 0 评论 -
element el-checkbox 全选(数组对象)
正常的通过 el-checkbox-group el-checkbox 遍历数组操作很明显不满工作需求,大多数时候需要遍历的是数组对象。例如:<template> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllCha...原创 2020-04-06 15:20:10 · 7180 阅读 · 3 评论