xc_buxiangzhangda的博客

原创 印象笔记在谷歌浏览器中剪切扩展程序

印象笔记中最好用的就是网页剪切功能，再也不用手动复制进行保存笔记，再也不担心文字被删除，丢失一篇好文章啦1，解压下载的扩展程序2，在浏览器中找到添加扩展程序的位置更多工具---扩展程序3，点击加载已解压的扩展程序，选择解压的扩展程序4，打开改扩展程序的开关5，印象笔记的网页剪切功能就可以使用啦...

原创 路由传参的几种方式，强制刷新参数是否丢失

1、在路由文件配置参数，强制刷新参数绝对不会丢失//路由文件{path:'/child/:id/:key',name:'child',component:Child}//跳转传参 id=2 key=33this.$router.push({path:`/child/${id}/${key}`})this.router.push({name:'child',params:{i...

原创 ant design vue版本modal设置一个按钮

//设置一个按钮或者单独样式<a-modaltitle="已关联ECU"width="60%":visible="ecuvisible":destroyOnClose="true":keyboard="false":maskClosable="false"@cancel="handleCancel"> <template slot="footer">...

转载 window.requestAnimationFrame 代替settimeout

详情https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame

原创 H5视频、音频不能自动播放,Uncaught (in promise) DOMException

报错信息：错误原因：Chrome的autoplay政策在2018年4月做了更改解决办法：1、在chrome浏览器访问：chrome://flags/#autoplay-policy2、在Autoplay policy中将Default改为No user gesture is required3、点击下方的“RELAUNCH NOW”...

原创 input type="number"可以输入字母e

input type=”number” 时只允许输入数字，但是字母e可以输入，原因是e在数学上代表2.71828，他是一个数字，所以能输进去。解决办法为在input属性上加上：onKeypress=”return (/[\d]/.test(String.fromCharCode(event.keyCode)))”&lt;input type="number" onKeypress=”re...

原创 transform属性的应用

http://www.w3school.com.cn/cssref/pr_transform.asp其中translate可应用于垂直居中其他类似于：还有很多应用需了解

原创 a 文件下载 后端返回文件流格式

文件流转换 window.URL.createObjectURL(response)if(this.exportExcelLoading==false){ this.exportExcelLoading=true //避免重复请求的标识 $xh.http({ type: &quot;get&quot;, //后端协商请求方式 responseType: &quot;blob&quot;, ...

原创 elementUI多个表单同时验证

后台管理系统很多时候有同时提交多个表单的需求，需要用到new promise比如我们有ABCD四个表单&amp;lt;el-form ref=&quot;formA&quot;&amp;gt;&amp;lt;/el-form&amp;gt;&amp;lt;el-form ref=&quot;formB&quot;&amp;gt;&amp;lt;/el-form&amp;gt;&amp;lt

原创 父组件使用子组件的验证结果，相当于父组件使用子组件的函数，通过ref属性

子组件： methods: { validateForm() { let flag = false this.$refs[xxx].validate((valid) =&gt; { flag = valid }) return flag } }父组件：&lt;templat...

原创 v-for循环数组验证

1、rules是每个表单项都要添加2、注意正常验证表单项是prop，而这里是:prop3、:prop="‘productGroup.’+index+’.num’"是拼接的形式，前面是v-for绑定的数组，中间是数组索引index，最后是表单项绑定的v-model的名称，然后用点.把它们连接起来。这三项都必须保证正确，错一个都无法验证4、v-for绑定的数组（phones）也必须绑定在form...

原创 el-form包含中el-table的表单验证

&amp;amp;amp;lt;el-form :rules=&amp;amp;quot;model.rules&amp;amp;quot; :model=&amp;amp;quot;model&amp;amp;quot; ref=&amp;amp;quot;form&amp;amp;quot;&amp;amp;amp;gt;&amp;amp;amp;lt;el-table:data=&amp;amp;quot;model.

原创 elementUI中表单自定义验证

&lt;el-form :model="form" :rules="companyRules" ref="companyForm" label-width="100px"&gt; &lt;el-form-item label="XX名称" prop="name"&gt; &lt;el-input v-model="f

原创 elementUI关闭弹框后再打开弹框 弹框中的表单进行了验证

相信有很多人遇到过，新增验证并提交成功后关闭弹框，再次新增时，弹框中的表单验证提示为空等；这是因为在上次关闭弹框时未初始化表单未清除验证；在element中很好处理，只要是用prop属性做的验证都可以用resetFields&lt;el-dialog :title="新增XXX" :visible.sync="true" @close="closeDialog"&gt; &lt;...

原创 elementUI el-table-column 省略号不生效

&amp;lt;el-table-column show-overflow-tooltip label=&quot;账套位置&quot; &amp;gt; &amp;lt;template slot-scope=&quot;scope&quot;&amp;gt; &amp;lt;span&amp;gt;{{ scope.row.setBookLocation }}&amp;lt;/span&amp;g

原创 elementUI修改组件样式不成功

以下介绍三种方法，方法一和方法二原理一样，都是设为全局1、方法一2、方法二使用/deep/使其变为全局的 如方法一前面要加限制，免得导致其他的地方被改变3、如果是批量修改，则可以利用官网的自定义主题方式...

原创 elementUI栅格系统时，没有内容的时候，样式显示不对

原创 v-for字符串数组，v-model到el-input时报语法错误

1、如果v-for循环字符串数组，绑定到v-model时phones=["1802231","13fds"]&lt;!--正确方式--&gt;&lt;el-input v-for="(item,index) in phones" v-model="phones[index]" :key="index"&gt;&lt;/el-input&gt;item.na

原创 垂直居中

1、对于单行文字相对于容器居中且容器高度确定，直接设置容器的line-height属性值等于容器的height，这个大家都知道2、图片相对容器居中&amp;amp;lt;div id=&amp;quot;box&amp;quot;&amp;amp;gt; &amp;amp;lt;img src=&amp;quot;duncan.jpeg&amp;quot;&amp;amp;gt;&amp;amp;lt;/div&a

原创 使用谷歌伴侣安装谷歌离线插件

1、下载谷歌插件伴侣，下载地址：https://download.csdn.net/download/xc_buxiangzhangda/109626122、解压后，如下图两个文件3、双击.exe后缀文件，打开如图4、安装成功后，打开Chrome浏览器，等待约2分钟，Chrome就会提示 已添加XX扩展，是否启用？点击“启用扩展程序”即可。5、打开浏览器--更多工具--扩展...

原创 vue双向数据绑定没有生效----vue强制更新dom结构

vue中使用v-for渲染的页面无法通过v-if或v-show动态隐藏 当你的数剧层次太多，数据是变化了的，但是dom没有更新，没有自动双向数据驱动这时候可以手动强制刷新this.$forceUpdate();...

原创 有默认参数的方法，需要改变或者新增参数

elementUI保留方法中默认的参数，并传入自定义参数&lt;el-input @change="fun(arguments,selfval)"&gt;&lt;/el-input&gt;fun(val,sval){console.log(val,sval)}change 方法中原本有一个默认参数（改变的值），如果fun中只自定义参数，那么原本默认的参数会被覆盖...