![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element UI
zlting~
向上的道路从不拥挤~
展开
-
2013 ~【VUE+ ElementUI】——【上传、下载】进度计算
【代码】2013 ~【VUE+ ElementUI】——【上传、下载】进度计算。原创 2023-09-15 10:28:54 · 649 阅读 · 0 评论 -
VUE elementUI el-table 隐藏表头
VUE elementUI el-table 隐藏表头原创 2023-02-09 17:24:09 · 3792 阅读 · 0 评论 -
Vue ElementUI实现表格内文字居中
【代码】Vue ElementUI实现表格内文字居中。原创 2023-02-01 16:23:27 · 1667 阅读 · 0 评论 -
Vue form表单input框 手动赋值未生效
前言在VUE项目开发过程中,遇到一个很奇怪的表单赋值问题,赋值为生效,而当遇到下拉框切换时,上一个值显示出来了。定位问题1、在data中只定一个formData对象,其中有20多个表单项未定义2、当后端数据返回时,前端直接赋值,未生效,采用$forceupdate()解决了问题3、但是又偶然遇到另一个问题,就是必须下拉框变化时才更新数据。原因原因:如果在实例创建之后添加新的属性到实例上(赋值),它不会触发视图更新。由此Vue实例创建时,表单属性名并未声明,因此Vue就无法对属性执行 gett原创 2022-02-28 17:56:50 · 4384 阅读 · 1 评论 -
Vue ElementUI this.$confirm async await封装
原方法/** 方法调用 */handleDelete() { this.$confirm( '此操作将永久删除该数据, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' } ).then( this.$message.info('已删除') // 并执行删除相关操作 ) .ca原创 2022-02-22 17:10:50 · 2653 阅读 · 0 评论 -
VUE + ElementUI 仅有一个搜索框时,阻止回车默认行为 @submit.native.prevent
一、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原创 2021-04-25 11:00:23 · 1030 阅读 · 0 评论 -
Vue+ElementUI+Echarts 常见BUG问题避免
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原创 2021-03-09 14:08:18 · 480 阅读 · 2 评论 -
Vue element el-form表单提交 敲击enter键时 url上会自动加上问号?并刷新页面解决办法
注意: 鼠标事件导致页面刷新问题,在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>原创 2021-03-03 13:00:59 · 625 阅读 · 0 评论 -
Vue elementUI el-input值类型为number类型
Vue elementUI el-input值类型默认为string类型,修改为number类型,在v-model后面加上.number即可 <el-input v-model.number="num"></el-input>注意:在验证的规则里,加上 type: number,否则验证的时候会当做字符串处理。...原创 2021-03-03 09:15:00 · 6194 阅读 · 0 评论