
Elenent-UI
小憨憨不敢啊
我很仰慕你
展开
-
Vue中的this.$options.data()和this.$data
继上一篇文章,在页面关闭是调用Object.assign(this.$data,this.$options.data);再次打开页面rules校验报错原因及解决办法和Vue实例的初始化相关。(源码version2.6.10)1、new Vue的时候传了一个对象,把该对象记为options,Vue将options中自定义的属性和Vue构造函数中定义的属性合并为vm.$options,vm.$options.data()中的this指向vm.$options,而methodA和B并没有直...原创 2021-07-06 11:13:21 · 1056 阅读 · 0 评论 -
vue关闭el-dialog弹窗销毁dom、数据(有效版)
vue中关闭el-dialog时,再次打开新增页面上次的数据不会销毁,如何解决:最基本的使用v-if <el-dialog class="detail" v-if="visible" :title="title" :close-on-click-modal="false" :visible.sync="visible" @close="closed">js closed() { this.visible = false; this.isPass.原创 2021-07-02 19:54:04 · 6187 阅读 · 2 评论 -
element ui中穿梭框等列表文字显示过长隐藏问题处理
主要记录一下element ui组件中穿梭框、table列表内容显示不全解决方式对于Transfer 穿梭框中的文字过长隐藏问题处理:1.实现效果:解决方式;1.<el-row :gutter="30"> <el-col :span="24" class="input-box"> <el-form-item label-width="70px"> <el-transfer id="transfer" :titles="['待原创 2021-04-20 12:01:23 · 3500 阅读 · 1 评论 -
ElementUI使用table时,取消鼠标点击、hover对某一行背景颜色变化
在使用ElementUI中的table时,往往会有这样的需求:针对某种状态对table表格中的某一行数据进行高亮显示,但同时又要取消鼠标点击事件和hover对高亮显示的行不受影响。具体的高亮显示,官网中有文档介绍:可以通过指定 Table 组件的 row-class-name 属性来为 Table 中的某一行添加 class,表明该行处于某种状态。实例:<el-table v-loading="loading.table" :data="data.list.items" fit :cell-s原创 2020-12-29 14:42:03 · 6408 阅读 · 4 评论 -
vue对枚举值转换
最近再做项目中碰到了这样一个问题,前端vue对后端返回数据中的枚举值做处理。之前枚举值的转换都在后端返回dto中做处理,首次碰到这种问题,先将解决方案抛出,希望能帮到有缘人:<el-table v-loading="loading.table" :data="data.list.items" fit stripe highlight-current-row :cell-style="cellStyle" element-loading-text="玩命加载中" element-loading-s原创 2020-09-29 11:47:24 · 5296 阅读 · 2 评论 -
常见安全规范-对敏感信息脱机处理
本文转自:https://docs.open.alipay.com/common/1059121. 常见开发场景安全开发指南1.1. 敏感信息使用场景敏感信息指用户的 身份证号、银行卡号、手机号 等身份信息。重要敏感信息的脱敏规范如下。敏感信息类型展示规范身份证显示前 1 位 + *(实际位数) + 后 1 位,如: 3****************3银行卡显示前 6 位 + *(实际位数) + 后 4 位,如:622575******1496..转载 2020-08-26 11:58:03 · 2715 阅读 · 0 评论 -
vue实现动态添加form表单
上篇博客介绍了如何动态实现table的新增表格,其实对于表格和表单的动态添加在日常场景中用到的还蛮多的,两者的实现都有着诸多相似之处,本篇博客小编带领大家揭开实现动态增加form表单的神秘面纱。图示最终效果:当点击新增购房人基本信息时,动态新增表单,并且可以根据索引通过点击删除来删除当前表单。和动态新增table表格一样,新增数据要以对象的形式push到数组里面去,删除还是依赖与splice函数。具体代码实现:<el-form ref="basicInformation" :model="b原创 2020-08-25 15:36:52 · 10974 阅读 · 4 评论 -
vue中table实现新增表格功能
删除功能会用到splice方法,对其说明:该方法是一个通用删除和插入元素的方法,它可以在数组指定的位置开始删除或插入元素。其包括3个参数:第一个参数指定插入的起始位置,第二个参数指定要删除元素的个数,第三个参数开始表示插入的具体元素,方法返回被删除的元素数组。觉得此方法很不错,所以也想尝试用C#实现一个。上代码:<el-table :data="purPeoInfors" style="width: 100%" :header-cell-class-name="headerStyle">原创 2020-08-25 11:30:07 · 1763 阅读 · 0 评论 -
父子页面传值--$emit和props属性应用
简单写一下对父子传值的理解:最近项目中用到的,整的的人头皮发麻父传子:父页面需V-bind绑定(简写:) 将父组件穿的值绑定在子组件上,如下图在子组件中需要用props属性接收父组件传来的值,比较推荐使用这种方法,如图在父传子时,需用到watch来进行监听。watch:监听数据的变化,在vue中,使用watch来响应数据变化。在使用watch时有一个基本特点,当值第一次绑定的时候,不会执行监听函数,只有值发生改变时才会执行。父传子动态传值时,子组件props首次获到父组件传到的默认值时,也需要执原创 2020-08-15 14:05:53 · 375 阅读 · 0 评论 -
Element-UI+Vue使用cell-style=“cellStyle“改变单元格字体样式
项目中不乏遇到需要对table表格中的某些特殊字段进行标记,用cell-style="cellStyle"来控制区分作为一种特殊手段是再合适不过了,不多bibi,直接上车。cell-style=“cellStyle” 结合其回调方法**cellStyle(row, column, rowIndex, columnIndex)**来改变单元格样式上代码:1.这是一个可展开的table表格。<el-table v-loading="loading.table" :data="data.list.i原创 2020-08-04 19:09:06 · 20441 阅读 · 3 评论