sunshineTing2的博客

下载Blob流文件，并以服务形式显示文件下载进度

【代码】2013 ~【VUE+ ElementUI】——【上传、下载】进度计算。

VUE elementUI el-table 隐藏表头

【代码】Vue ElementUI实现表格内文字居中。

前言在VUE项目开发过程中，遇到一个很奇怪的表单赋值问题，赋值为生效，而当遇到下拉框切换时，上一个值显示出来了。定位问题1、在data中只定一个formData对象，其中有20多个表单项未定义2、当后端数据返回时，前端直接赋值，未生效，采用$forceupdate()解决了问题3、但是又偶然遇到另一个问题，就是必须下拉框变化时才更新数据。原因原因：如果在实例创建之后添加新的属性到实例上（赋值），它不会触发视图更新。由此Vue实例创建时，表单属性名并未声明，因此Vue就无法对属性执行 gett

原方法/** 方法调用 */handleDelete() { this.$confirm( '此操作将永久删除该数据, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' } ).then( this.$message.info('已删除') // 并执行删除相关操作 ) .ca

一、ElementUI el-input框添加回车事件 @keyup.enter.native=""二、ElementUI 点enter回车搜索 ，发现地址栏后面多了个？不触发搜索方法，而直接刷新页面了！这是由于 W3C 标准中有如下规定：When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to

Vue+ElementUI+Echarts 常见BUG问题避免CSSFlex布局： 元素被挤压（解决：设置width或min-width, flex-shink: 0;）文字缩略： 不同浏览器兼容性不一致ElementUIel-input： 过滤空格 / 转为number类型 / enter键搜索el-button： 删除（要提示） / 提交（success/error要提示）el-dialog： 关闭（前） / 销毁 / 确定/取消 / append body / close-on

注意： 鼠标事件导致页面刷新问题，在el-form上增加 @submit.native.prevent 可阻止页面刷新<el-form @submit.native.prevent> <el-form-item :inline="true"> <el-input @keyup.enter.native='onSubmit'></el-input> </el-form-item> <el-form-item>

Vue elementUI el-input值类型默认为string类型，修改为number类型，在v-model后面加上.number即可 <el-input v-model.number="num"></el-input>注意：在验证的规则里，加上 type: number，否则验证的时候会当做字符串处理。...