element
小曲曲
这个作者很懒,什么都没留下…
展开
-
高德地图——轨迹回放和电子围栏
【代码】高德地图——轨迹回放和电子围栏。原创 2024-03-21 15:28:53 · 655 阅读 · 0 评论 -
element——滚动条组件el-scrollbar
【代码】element——滚动条组件el-scrollbar。原创 2023-02-08 16:03:07 · 784 阅读 · 1 评论 -
element——CheckBox复选框
【代码】element——CheckBox复选框。原创 2023-02-03 10:33:38 · 391 阅读 · 0 评论 -
element——table控制根据接口数据控制单元格颜色和点击事件
el - table - column prop = "xuan1" label = "1月" align = "center" > < template slot - scope = "scope" > < span > {xuan1 : {原创 2023-02-02 10:38:08 · 284 阅读 · 0 评论 -
element——form表单规则验证总结
【代码】element——form表单规则验证总结。原创 2023-01-19 09:19:51 · 1751 阅读 · 0 评论 -
elementUI——form表单
/ 手机号校验 export function checkPhoneNumber(rule , value , callback) {//11位手机号 if(!value) {return callback(new Error("手机号不能为空"));return callback(new Error("手机号格式不正确"));} else {} } // 身份证号校验 export function checkCardId(rule , value , callback) {if(!......原创 2022-08-30 15:12:36 · 544 阅读 · 0 评论 -
若依elementUI——上传图片组件封装
【代码】若依——上传图片组件。原创 2022-08-29 16:55:37 · 4299 阅读 · 0 评论 -
elementUI——js实现填写表单弹窗
代码】elementUI——js实现填写表单弹窗。原创 2022-08-15 17:57:17 · 1280 阅读 · 2 评论 -
element——table使用表格形式给员工排班
1原创 2022-06-14 14:37:43 · 677 阅读 · 1 评论 -
element——dropdown下拉菜单点击回调传参
下拉菜单传递参数文档方法 < el-dropdown @command="handleCommand"> handleCommand(command) { this.$message('click on item ' + command); }在回调里再去调用一个自定义方法传参 @command="(command) => delRoom(command, items)" <el-dropdown原创 2022-04-13 16:26:34 · 1644 阅读 · 0 评论 -
element——table
表格宽度width不设置width,剩余宽度会分配给所有列;没有剩余宽度时,所有列都会换行;min-width 会把剩余宽度按比例分配给所有设置了 min-width 的列;直到没有剩余宽度时,会产生滚动条;width是固定宽度,剩余宽度会分配给其他没有设置width的列;没有剩余宽度时,没有设置width的列会换行;对于不确定长度的列,首先需要设置min-width,再设置省略显示:show-overflow-tooltip="true"。当剩余宽度没有时,会显示 …推荐方案 列比较多原创 2022-04-13 16:00:43 · 836 阅读 · 0 评论 -
element——时间选择器el-date-picker
<el-date-picker v-model="time" // 默认初始值 type="daterange" value-format="yyyy-MM-dd" // 决定了time的格式 range-separator="至" // 日期间的连接符 start-placeholder="开始日期" end-placeholder="结束日期"> </el-dat...原创 2022-03-07 10:27:46 · 474 阅读 · 0 评论 -
element适配方案
<template> <div> <el-card> <el-divider content-position="left">横向排列form表单</el-divider> <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="110px"> <el-form-it...原创 2022-03-02 13:50:50 · 1186 阅读 · 0 评论 -
elementUI上传图片
添加header头原创 2021-09-24 16:59:45 · 170 阅读 · 0 评论 -
elementUI中message的用法
在js文件中直接使用message // 引入弹窗和确认弹窗组件 import { MessageBox, Message } from 'element-ui' // 弹窗提示 Message({ message: res.message || 'Error', type: 'error', duration: 5 * 1000 }) // 确认弹窗提示并添加成功的回调 MessageBox.confirm('You have be原创 2021-09-15 09:51:00 · 5220 阅读 · 0 评论 -
pc端自适应屏幕
媒体查询默认设置body为粉色;当屏幕宽度在480px到580px之间,body为绿色;当屏幕宽度大于580px时,body显示为黄色;<style>body { background-color: pink;}@media screen and (min-width: 480px) { body { background-color: lightgreen; }}@media screen and (min-width: 580px) { bod原创 2021-09-06 13:49:25 · 2378 阅读 · 0 评论 -
Vue+elementUI开发中 Cannot read property ‘resetFields‘ of undefined 问题解决以及原因分析
有个添加数据与编辑数据的功能。为了减少代码量,两者使用了同一个dialog,通过不同按钮点击使用对应的方案进行显示。在添加数据的按钮的click事件中直接写入了resetFields。之后正常运行过一段时间,但是就在最近(添加了很多代码)开始报错:TypeError: Cannot read property ‘resetFields’ of undefined同时我发现,只要显示过一次dialog,后面就不会报错了。所以我可以确定是因为代码量过大,对应的对象来不及生成,从而导致了读取了空对象。所原创 2021-09-02 19:06:33 · 485 阅读 · 1 评论