蚂蚁搬砖我砌墙

讲述el-input 输入框中数值与金额格式的互换方法

在使用DatePicker 组件时，实现一进页面就给日期设置一个默认查询范围（近7天），并且限制用户可以选择查询日期的范围为近一个月

一个完整的系统中用户登录功能是不可或缺的，因此用户密码的修改对于前端开发者而言也是工作的重要一环，密码修改分为两种情况：一是用户自身想更换密码；3、在通讯方法 axios() 中传递了一个 params 对象给后台，这个 params 对象中涉及到密码字段的在本文未加密，但在实际的工程项目中是。，使用时需在父组件中添加上该属性值，父组件通过该属性将用户名传递给子组件，从而完成密码的修改功能；，然后后台拿到密文再解密，具体的加解密方法需要读者自行书写添加进去，本文略。的事件方法去处理关闭对话框后的业务逻辑；

CSS设置图片中添加文字

【代码】设置el-upload上传框的尺寸大小。

相信很多开发者在实际项目开发过程中都会使用到 element-ui 组件库中的 Select 选择器，这个选择器官方是默认只用一列去展示所有的选项信息，当我们需要展示的选项内容比较多时用户只能通过滚动条去查找，多少会影响操作效率，本文讲述一种将选项内容分多列去展示。

上面就是根据单选框的值来切换公司名称的输入格式，这种固定文字和输入框的组合我姑且称之为半输入模式。一、PC端（使用element-ui组件）二、移动端（使用vant移动组件）下面是具体的前端代码（

目录下（根据自己的需求放，也可以放在 assets 目录下，笔者是放在 /static/images 目录下），如下是我自己从网上下载的喇叭图标，图片命名为。组件库，去官网查了一下发现并没有 el-icon-notice 类型的公告图标（但是在 vant 与 vux 等移动端组件库中是有的），于是想着。，其实自定义 icon 图标方式有好几种，但是笔者只使用了一种较为简单的方式，亲测有效，现分享给同行开发者们。从网上下载自己喜欢的图标或者自制一个 logo 图标，将其放于项目的。

也是先通过 this.$parent 获取父组件信息，然后通过 $refs['cityRef'] 获取父组件的子组件信息，从而拿到兄弟组件 CityDialog.vue 的城市名称，进而拼接成详细的地址信息。去获取父组件的数据信息，this.$parent 表示获取当前子组件的父组件信息（包含父组件的变量和方法），案例中的 this.$parent.person.id 取的就是父组件中的变量（人员 id 值）。前端开发中组件的封装是必不可少的，高效的组件数据交互能够减少重复代码的生成与用户体验的提升。

本次演示共涉及多选框的展示、保存、编辑三个界面。