阿花爱编程-优快云博客

在表单中数据有嵌套，并且是动态添加表单项时候，出现了Error: please transfer a valid prop path to form item!这个错误。使用的vue的elementUI组件，form表单绑定的数据是：form{name:'huahua',age:22,friend:[{name:'lingling',age:20},{name:'yueyue',age:23}]}经过查阅资料，这种情况下要验证friend需要用一下方法例子如下： &lt

2021-12-02 14:56:14 18530 3

原创 vue中使用mock来模拟数据----简单

先安装mockjs，命令为：npm install mockjs在src下创建mock文件夹，在mock文件夹下创建mock.js文件，mock.js中代码如下：importMockfrom'mockjs'Mock.mock('http://localhost:8080/user',{'name':'@name','email':'@email','age|1-10':10});在组件中的methods中使用mock的数据：import a...

2021-10-09 11:46:16 146

原创 elementUI中upload自定义上传行为 http-request属性

elementUI的upload地址：Element - The world's most popular Vue UI framework<el-upload action="" :http-request="uploadFile">默认的上传为action，可以用http-request进行覆盖。action属性不可以删除，要同时存在。//参数必须是param，才能获取到内容uploadFile(param){// 获取上传的文件名 var file =..

2021-10-08 16:59:05 11655 8

原创 js中格式化时间

获取当前的时间为new Date()获取当前时间的时间戳为：new Date().getTime()格式化为：YYYY-MM-DDhh:mm:ss 也就是例如2021-10-08 15:56:56function Timeformat() { var date = new Date();//当前的时间点，也可以传递参数（时间戳） var Y = date.getFullYear()+'-'; var M = date.getMonth()+1 < 10 ? '0'+(da..

2021-10-08 16:03:47 151

原创 elementUI表格中的type=“selection“，多选框禁用

测试给我提出了一个bug，让我直接把管理员那一栏的多选按钮禁用，查询资料后发现以下方法可以解决。用selectable属性来解决在methods中添加方法：这里row获取的是整行内容，就可以根据对应的值来禁用某一列或者某几列...

2021-09-28 16:42:42 1338

原创 CSS 实现垂直水平居中

CSS实现垂直水平居中主要有两种方式：一、通过transforms 来实现垂直⽔平居中（不兼容⽼版本浏览器）在要进行垂直⽔平居中的元素样式添加margin: 50% auto 0;transform: translateY(-50%);可实现垂直⽔平居中二、通过定位实现（兼容⽼版本浏览器）...

2021-07-16 12:48:58 97

原创 css清除浮动的四种方式

当我们在用float的时候经常出现如图的问题。总结了击中css清除浮动的方式一、给父级元素添加高度height父级元素div无法获取到高度，给父级元素定义高度 height ，可解决浮动带来的问题。优点：容易记忆、代码少、容易掌握。缺点：只适合⾼度固定的布局，要给出精确的⾼度，如果⾼度和⽗级 div 不⼀样时，会产⽣问题。对于响应式布局会有很⼤影响。二、父级元素div定义 overflow:hidden添加之后，⽗元素会去适配所有⼦元素,即使脱离⽂档流的⼦元素,适配之后,...

2021-07-16 00:11:39 260 1

原创 2021-03-29

遇到了很多次z-index不生效的情况在用z-index的时候，该元素没有定位（static定位除外）

2021-03-29 12:56:57 109

m0_53195432的博客

原创 element form el-form-item中,v-model绑定的不是form字段(非表单字段)做校验

原创验证用逗号隔开的端口号（1-65535）

原创封装有全选的el-select

原创 el-radio-group，在不同选项切换之前监听事件（判断不同选项是否能够切换)

原创 vue2中全屏添加动态时间水印

原创 vue2中 elementUI tree树一键展开/关闭

原创 vue解决首屏加载过慢问题

原创封装el-checkbox 对象数组回显+选中

原创 vue+elementUI封装日历带点击事件

原创在表单验证的时候，遇到报错Error: please transfer a valid prop path to form item