- 博客(15)
- 收藏
- 关注
原创 vue elementui 修改组件默认样式
vue中如果要覆盖element组件默认样式,直接用通过class修改是不起效的,需要加上::v-deep<style lang="scss" scoped>.camping-form-table-page{ ::v-deep .el-table .cell{ padding: 0 10px; }}</style>
2021-11-11 17:53:02 728
原创 vue form动态添加删除的校验
form需要动态添加行组件时,需要遍历,这时在rules中再设置校验规则就不合适了,此时简单的方式是直接将规则写在el-form-item中就可以了 <div v-for="(item, index) in budgetAddForm.Budgetdetails" :key="index"> <el-row :gutter="10" class="row-content"> <el-col :span="4">
2021-10-29 16:22:59 619
原创 vue父子组件交互及重新加载子组件
当子组件有form时,v-show只是简单控制组件显示和隐藏,并不能重新加载组件,当二次进入子组件操作时,第一次操作数据还在,这时我们需要子组件每次重新渲染,可以用key来操作父组件<template v-show="deleteDialogVisible"> <DeleteReasonDialog :key="dialogVisibleKey" :deleteDialogVisible.sync="deleteDialogVisible" @delete-reason="
2021-10-28 16:41:28 1603
原创 vue中watch的用法
父组件,以visible属性为例 <RawDataUploadDialog :visible.sync="visibleUpload" :industry="filterConfig.industry" @refresh="queryApi"></RawDataUploadDialog>子组件,监听父组件visible变化,并做操作以dialog为例,此处visible不能直接用父组件传进来的visible属性 <el-dialog :visible.syn
2021-10-22 18:01:15 578
原创 css实现垂直居中6种方法
已知子元素宽高position+负margin<div class="box"> <div class="content"> 我是content </div></div><style> .box{ width: 300px; heigh...
2020-03-19 13:48:35 70
原创 react+webpack4+ant框架代码拆分,使用cdn
1.修改webpack.config.js注释 //["import", {libraryName: "antd", style: 'css'} ] 此处作用是不打包框架代码添加externals:{ 'BMap':'BMap', "echarts": "echarts", 'react': 'React', 'react-dom': 'ReactDOM', 'antd': 'an...
2019-11-28 11:43:28 695
原创 基于jQuery的树型选择插件,可以实现只选中上级菜单,不选中下级菜单
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi...
2019-09-02 15:47:28 766
原创 js金额格式化,不四舍五入保留两位小数
function toFixed(money) { if ('' == money || isNaN(money)) { return '0.00'; //异常返回0.00 } if(/\./.test(String(money))){ money = money + '0000'; }...
2019-04-28 13:54:05 1386
原创 js遍历symbol对象
在ES6中,对象默认下并不是可迭代对象,表现为其没有[Symbol.iterator]属性而for…of…循环,实际上是依次将迭代器(或任何可迭代的对象,如生成器函数)的值赋予指定变量并进行循环的语法,当对象没有默认迭代器的时候,当然不可以进行循环,而通过给对象增加一个默认迭代器,即[Symbol.iterator]属性,就可以实现,如下代码Object.prototype[Symbol.it...
2019-03-04 15:32:54 1633
原创 jQuery控制checkbox选中状态失效
jQuery中prop和attr的用法区别1.对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。2.对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果。例如:$(':inpu...
2018-12-13 16:20:03 1636
原创 js移动端ios端软键盘收起时页面向上有滑动导致功能失效
ios软键盘收起bugios遇到一个bug,键盘弹起时输入后点软键盘的确认后页面会被挤上去一部分,如果这时滑动一下页面我写的事件能执行,不滑动的话方法就执行不了解决办法:键盘收起手动滑到顶部document.body.addEventListener('focusout', function () { window.scrollTo(0,0); })...
2018-12-03 16:11:51 3430
原创 javascript基础
apply和call的用法1.每个函数都包含两个非继承而来的方法:call()方法和apply()方法.2.这两个方法的作用都是一样的,在特定的作用域中调用函数,相当于设置函数体内this对象的值,以扩充函数赖以运行的作用域.3.call和apply不同点,接收参数的方式不同,例:function add(c,d){ return this.a + this.b + c + d;}v...
2018-10-22 15:28:48 73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人