只需要对 input 框添加 text-align: right; 这个 CSS 属性
# 2. 数字校验 rules
| export const REG = { |
| NUMBER: /^[0-9]*$/, |
| POSITIVE_NUMBER: /^[1-9]\d*$/, |
| PHONE: /^1[3|4|5|7|8][0-9]{9}$/ |
| } |
| |
| diningAmount: [ |
| { pattern: REG.NUMBER, message: '请输入数字', trigger: ['blur','change']} |
| ], |
# 3. 手机号校验
| contactWay: [ |
| { min: 11, max: 11, message: "请输入11位手机号码", trigger: "blur" }, |
| { pattern: /^1[3456789]\d{9}$/, message: "请输入正确的手机号码" } |
| ], |
# 4. 重置表单校验
| this.$refs['formName'].clearValidate(); |
# 5. 动态校验表单字段
| :rules="travelForm.diningPosition === '0' ? rules.nativeCity : []" |
# 6.el-checkbox 复选框如何修改尺寸大小
# 1. 谷歌浏览器
| <el-checkbox-group v-model="checkList"> |
| <el-checkbox class="checkbox"></el-checkbox> |
| </el-checkbox-group> |
| .checkbox{ |
| zoom: 200%; |
| } |
添加自定义 class（有网友说）
如果发现有浏览器没有作用那就用下面的办法
# 2. 其他浏览器
| .el-checkbox__inner { |
| width: 20px; |
| height: 20px; |
| } |
| |
| .el-checkbox__inner::after { |
| border: 3px solid #fff; |
| border-left: 0; |
| border-top: 0; |
| left: 5px; |
| top: 5px; |
| } |
| |
| .el-checkbox__input.is-checked .el-checkbox__inner::after { |
| transform: rotate(50deg) scaleY(1.3); |
| } |
n-popup 组件有一个默认锁定背景滚动，需要给 van-popup 标签添加 :lock-srcoll="false"
# 8.el-select 可下拉可搜索可保留
| :filter-method="dataFilter" |
| |
| dataFilter(val) { |
| console.log(val, 'dataFilter') |
| Vue.set(this.formAdd, 'repairsUserName', val) |
| }, |
