前端大杂烩共10篇
前端
排序
Vue 银行卡号 每4位补一个空格
vue 隔四个字符加一个空格 效果图 输入方式进行格式化 代码: <el-form-item label="测试" prop="test"> <el-input v-model="queryParams.test" placeholder="测试" clearable :maxlength="23" size="small" /> </el-form-item> watch监听 watch: { ['queryParams.test'](val) { this.$nextTick(() => { this.queryParams.test = val.replace(/\D/g,'').replace(/....(?!$)/g,'$& '); console.log('数字是多少:', this.queryParams.test,val) }); } }, 展示直接格式化 {{ item.name.replace(/(\d{4})(?=\d)/g, '$1 ') }}
4年前
使用uniapp的时候使用`scroll-view`标签不出现滚动条
vue 隔四个字符加一个空格 效果图 输入方式进行格式化 代码: <el-form-item label="测试" prop="test"> <el-input v-model="queryParams.test" placeholder="测试" clearable :maxlength="23" size="small" /> </el-form-item> watch监听 watch: { ['queryParams.test'](val) { this.$nextTick(() => { this.queryParams.test = val.replace(/\D/g,'').replace(/....(?!$)/g,'$& '); console.log('数字是多少:', this.queryParams.test,val) }); } }, 展示直接格式化 {{ item.name.replace(/(\d{4})(?=\d)/g, '$1 ') }}
3年前
微信小程序rpx，px，rem单位换算规则
vue 隔四个字符加一个空格 效果图 输入方式进行格式化 代码: <el-form-item label="测试" prop="test"> <el-input v-model="queryParams.test" placeholder="测试" clearable :maxlength="23" size="small" /> </el-form-item> watch监听 watch: { ['queryParams.test'](val) { this.$nextTick(() => { this.queryParams.test = val.replace(/\D/g,'').replace(/....(?!$)/g,'$& '); console.log('数字是多少:', this.queryParams.test,val) }); } }, 展示直接格式化 {{ item.name.replace(/(\d{4})(?=\d)/g, '$1 ') }}
4年前
微信小程序及UNI-APP修改SWIPER轮播DOT指示点样式
vue 隔四个字符加一个空格 效果图 输入方式进行格式化 代码: <el-form-item label="测试" prop="test"> <el-input v-model="queryParams.test" placeholder="测试" clearable :maxlength="23" size="small" /> </el-form-item> watch监听 watch: { ['queryParams.test'](val) { this.$nextTick(() => { this.queryParams.test = val.replace(/\D/g,'').replace(/....(?!$)/g,'$& '); console.log('数字是多少:', this.queryParams.test,val) }); } }, 展示直接格式化 {{ item.name.replace(/(\d{4})(?=\d)/g, '$1 ') }}
4年前
小程序处理TypeError: Cannot read property 'slice' of undefined" found in
vue 隔四个字符加一个空格 效果图 输入方式进行格式化 代码: <el-form-item label="测试" prop="test"> <el-input v-model="queryParams.test" placeholder="测试" clearable :maxlength="23" size="small" /> </el-form-item> watch监听 watch: { ['queryParams.test'](val) { this.$nextTick(() => { this.queryParams.test = val.replace(/\D/g,'').replace(/....(?!$)/g,'$& '); console.log('数字是多少:', this.queryParams.test,val) }); } }, 展示直接格式化 {{ item.name.replace(/(\d{4})(?=\d)/g, '$1 ') }}
4年前