日常开发记录-el-table-column省略号被隐藏
摘要：问题：鼠标放在表格的列除，可以出现tooltip但是表格中的文字没有省略号... 错误效果图： 导致问题的原因：template中的需要使用span标签而不是div标签 错误代码展示： <el-table-column prop="type" label="指标" width="180" show-
阅读全文
posted @
2023-05-10 16:33
法老的微笑
阅读(89)
推荐(0) 编辑
日常开发记录-远程搜索下拉根据上一个表单值去动态控制必填还是非必填
摘要：当手机号中的值为123验证码必填。 手机号为非123的值非必填。 代码示例： <template> <div> <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class
阅读全文
posted @
2023-03-21 15:20
法老的微笑
阅读(26)
推荐(0) 编辑
日常开发记录-this.$message,this.$prompt，交换弹窗确定和取消按钮的位置，确定在左，取消在右
摘要：代码： <template> <el-button type="text" @click="open">点击打开 Message Box</el-button> </template> <script> export default { methods: { open () { this.$conf
阅读全文
posted @
2023-01-12 14:42
法老的微笑
阅读(548)
推荐(0) 编辑
日常开发记录-Vue2.0+ElementUI实现输入框金额格式化
摘要：如何用Vue实现输入框金额格式化呢？我们都知道，以元为单位时，金额往往是需要保存到小数点后两位的，用来表示角和分，并且为了能对金额位数一目了然，往往需要三位为一个间隔，用逗号分隔金额位数。基于以上需求，我们现在用Vue来实现功能。 首先我们需要知道，加了分隔符的金额就不再是数字类型了，而是字符串类型
阅读全文
posted @
2022-09-09 14:54
法老的微笑
阅读(1909)
推荐(0) 编辑
日常开发记录-dangerouslyUseHTMLString：true; 属性的作用
摘要：将 dangerouslyUseHtmlString 属性设置为 true ，message 就会被当做 HTML 片段处理。 案例 demo ： this.$notify({ title: 'HTML 片段', dangerouslyUseHTMLString: true, message: '<
阅读全文
posted @
2022-09-06 08:52
法老的微笑
阅读(3134)
推荐(0) 编辑
日常开发记录-elementUI框架的 el-dialog 弹出框被遮罩层挡住了
摘要：解决方法： el-dialog 标签中添加 :modal-append-to-body="false" 属性即可
阅读全文
posted @
2022-09-05 17:55
法老的微笑
阅读(284)
推荐(0) 编辑
日常开发记录-elementUI 文件上传假删除，防止删除文件后后悔的操作，无需调用后端删除文件接口+表格数据前端假删除，最后直接把剩余的整个数组对象传给后端接口即可
摘要：此篇博客关键是记录这种假删除的思想，后端给的删除接口也不一定非要用。。。 上传文件假删除： <template> <div> <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on
阅读全文
posted @
2022-09-01 11:05
法老的微笑
阅读(320)
推荐(0) 编辑
日常开发记录-el-table 固定列下横向滚动条无法拖动的问题解决方案
摘要：原因：层级问题，左侧固定列层级高，滚动条层级低，提升一下滚动条层级即可 注意要在全局样式中定义类 fixed-scrool-error 样式 .fixed-scroll-error { .el-table--scrollable-x .el-table__body-wrapper { z-index
阅读全文
posted @
2022-08-25 14:07
法老的微笑
阅读(909)
推荐(0) 编辑
日常开发记录-el-table 数据、属性刷新
摘要：给 table 的 key 属性 绑定动态 tableKey 值 可以使表格的值和属性重新加载一遍 <el-table :key="tableKey"> </el-table>
阅读全文
posted @
2022-08-23 17:48
法老的微笑
阅读(708)
推荐(0) 编辑
日常开发记录-elementUI表格特殊值标红，利用插槽，vue动态绑定类名
摘要：代码： <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="150"> </el-table-column> <el-table-colu
阅读全文
posted @
2022-08-22 11:11
法老的微笑
阅读(317)
推荐(0) 编辑
日常开发记录-element的upload组件在before-upload之后触发before-remove以及后面on-remove方法
摘要：转载：http://t.csdn.cn/yYgFD 今天项目实践时，突然发现 element 的 el-upload组件在before-upload 之后 return false 之后竟然会自动触发 before/on - remove 方法。查阅了资料，发现解决方法很简单。 // 执行remov
阅读全文
posted @
2022-08-18 17:33
法老的微笑
阅读(238)
推荐(0) 编辑
日常开发记录-element-ui $prompt输入弹框 * 必填用法--输入框默认值、校验、阻止关闭等问题
摘要：代码展示： <template> <div> <el-button type="primary" @click="click">查询</el-button> </div> </template> <script> export default { data () { return { } }, me
阅读全文
posted @
2022-08-03 15:15
法老的微笑
阅读(6721)
推荐(0) 编辑
日常开发记录-el-input限制只能输入数字，千分位格式展示并且只保留两位小数
摘要：组件代码： <template> <el-input v-bind="{ clearable: true, }" v-model="input" @blur="blur" @focus="focus" placeholder="请输入内容"> <template slot="append" v-if
阅读全文
posted @
2022-08-02 15:58
法老的微笑
阅读(1632)
推荐(0) 编辑
日常开发记录-elementUI 时间选择器实现禁用指定时间功能
摘要：代码演示： <template> <div class="block"> <span class="demonstration">带快捷选项</span> <el-date-picker v-model="value2" align="right" type="date" placeholder="
阅读全文
posted @
2022-07-25 13:53
法老的微笑
阅读(178)
推荐(0) 编辑
日常开发记录-elementUI select 选择器没有设置多选属性，但是初始值多选了--原因：value值为null，或者值相同
摘要：错误代码演示： <template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item
阅读全文
posted @
2022-07-25 13:48
法老的微笑
阅读(266)
推荐(0) 编辑
日常开发记录- 前端导出注意点
摘要：前端不需要做复杂操作，只需要调用后台导出接口时，传参pageSize: 10;， pageIndex: 1; 并不代表只导出第一页的前十条。
阅读全文
posted @
2022-07-12 10:54
法老的微笑
阅读(12)
推荐(0) 编辑
