elementui
elementui
拢手点烟丶
细节决定成败,态度决定一切,向上吧,少年!
展开
-
vue+elementui 动态增减表单
vue+elementui 动态增减表单<template> <div v-for="(item, index) in dataForm.domains"> <el-row :gutter="20"> <el-col :span="7"> <el-form-item label="内容" :key原创 2021-01-28 14:42:19 · 608 阅读 · 0 评论 -
vue+elementui+print.js
vue+elementui+print.js首先去资源中下载print.js在项目下的static中建立一个文件夹print-plugs在mian.js中导入import Print from '../static/plugins/print-plugs/print' // 打印Vue.use(Print)使用print.js<template> <div> <div ref="printCont"> <di原创 2021-01-28 11:28:23 · 616 阅读 · 1 评论 -
vue+elementui中使用echarts给柱形图添加背景色
vue+elementui中使用echarts给柱形图添加背景色首先使用npm安装echartsnpm install echarts --save//or(或者使用)cnpm install echarts --save在main中引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts//全局引入,并配置全局变量,使用this.$echarts在文件中使用echarts<temp原创 2021-01-25 10:07:22 · 1773 阅读 · 0 评论 -
需求:基于elementui在表格里面可输入
需求:基于elementui在表格里面可输入要怎么实现呢?我们的思路肯定是在表格里面放input,然后把input边框隐藏起来,就可以做到表格可输入//template里<table> <tr> <th>地区</th> <th>人数</th> </tr> <tr> <td>上海区</td>原创 2021-01-23 11:00:11 · 1285 阅读 · 0 评论 -
针对elementui表格字段有时候会飘来飘去,和代码内的顺序不一致
针对elementui表格字段有时候会飘来飘去,和代码内的顺序不一致//在每一个 el-table-column下面加上key进行排序<el-table-column prop="apply" label="专业" header-align="center" align="center" key="0"></el-table-column> <el-table-column prop="level" label="层次" header-align="ce原创 2021-01-22 15:06:15 · 304 阅读 · 0 评论 -
修改主题色elementui
修改主题色elementui1.在下面修改主题色,并下载官网链接:https://element.eleme.cn/#/zh-CN/theme/preview2.解压下载文件3.把theme文件拉到项目中4.在main.js中加入import Vue from 'vue'import Element from 'element-ui'import './element-variables.scss'Vue.use(Element)5.要是修改主题色后,使用element框架的i原创 2021-01-22 10:48:20 · 215 阅读 · 1 评论 -
vue+element 级联选择器(数据处理)
vue+element 级联选择器(数据处理) <el-cascader v-model="majorList" :options="options" :props="optionProps" clearable filterable collapse-tags placeholder="原创 2020-12-24 15:50:05 · 1379 阅读 · 1 评论 -
vue+elementui 自定义常用校验规则
vue+elementui 自定义常用校验规则暂时先发四种,业务亲测有效,会更新的邮箱校验var checkEmail = (rule, value, callback) => { const mailReg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/ if (!value) { return callback(new Error('邮箱不能为空')) }原创 2020-12-23 15:16:02 · 517 阅读 · 0 评论