wow_scott的博客

表单重置失效情况记录（着重记录第三点）1，表单采用v-model的方式绑定参数会导致表单重置失效，改为 :model2，rules和prop没有绑定导致表单重置失效， form加上rules,item加上prop。注意绑定的名字3，表单在生命周期的created中进行了赋值，重置表单时就不会重置为data中初始化的状态（我是在数据修改的弹窗中出现这种情况）针对第三点解决方法：每个参数都清空赋值为初始状态————参数多，太麻烦Object.assign(this.upgradeConfigFo

创建Loading.js文件，从elementui中按需导入Loadingimport { Loading } from 'element-ui'通过方法调用loading的开启和关闭，并导出方法let loading = nullconst showLoading = (params) => { if(loading) { loading.close() } let options = { fullscreen: false,.

自定义规则const checkName = (rule, value, callback) => { const reg = /^[\w]+$/g if (!reg.test(value)) { callback(new Error('用户名由数字、字母组成')) } else { callback() } }else必须要带上，不然在表单提交验证中validate()方法无法获取到结果在rules中使用name

防抖概念解释：单位时间内事件高频触发只会生效最后一次触发。从事件第一次触发开始计时，当事件在单位时间内再次触发就会重置计时器，只有事件触发后单位时间内没有再次触发，事件才会生效。应用场景：输入框、提交按钮等。const debounce = (fn, delay=300) => { let timer = null return () => { clearTimeout(timer) timer = setTimeout(() => { fn.call(this)

指定加载php.ini之后phpinfo()不显示的情况修改php.ini中的配置内容，将short_open_tag = Off改成short_open_tag = On修改后phpinfo()测试页面就能正常显示

问题原因： 同一个路由多次添加不被允许解决方法：import VueRouter from 'vue-router'const VueRouterPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(to) { return VueRouterPush.call(this, to).catc...

方法一：最简单的方法在head中加一行代码就可以了，适用大部分防盗链图片。<meta name="referrer" content="never">方法二：找跳板地址，利用第三方进行跳转加载图片。时间：2019年10月29号，到目前这个地址还能用，希望能一直使用【手动滑稽】。http://img01.store.sogou.com/net/a/04/link?appi...

后台给的图片地址好多不能访问，页面不做处理会直接影响布局<img class="img" src="图片地址" onerror="defaultImg(this)" /><script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script><script>func...

用js获取日期时间记录//年份new Date().getYear(); //获取当前年份(2位)new Date().getFullYear(); //获取完整的年份(4位)//月和天new Date().getMonth(); //获取当前月份new Date().getDate(); //获取当前日new Date().getDay...

背景情况后端通过富文本上传了一篇通告类文章，前端展示时要显示在div中会因为内容过多改变布局。So解决思路为了div不被撑开，无奈截取。但是富文本数据里面有元素标签，空格，换行等乱七八糟的干扰，为了只截取汉字并显示汉字，想到了正则过滤。解决办法// 正则过滤富文本richTextFormat(value) { // value = value.replace(/<\/?[^&...

点击复制微信号并跳转到微信使用到的资源<link href="https://cdn.bootcss.com/mui/3.7.1/css/mui.min.css" rel="stylesheet"><script src="https://cdn.bootcss.com/mui/3.7.1/js/mui.min.js"></script>第一步：触发...

网上说的最多的方法body .el-table th.gutter{ display: table-cell!important; } body .el-table colgroup.gutter{ display: table-cell!important; }注意：该方法需要写在入口文件进行全局设置。例如，App.vue第二种方法引用——iYiu博主...