- 博客(9)
- 收藏
- 关注
原创 uniapp自定义联动查询,适用于接口查询
页面代码,用了vant的弹窗,uniapp自带的picker-view <van-popup v-model="isshowArea" position="bottom" :style="{ height: '50%' }"> <view class="popup"> <view class="picker-btn"> <view class="left" @click="cancel">取消</view> &l
2021-04-30 10:03:49 601
原创 有意思的js编码小技巧
1.取整,位运算更快 Math.floor(4.9) === 4 //true ~~4.9 === 4 //true 2.三元运算符 ? : 还用于简化函数的调用。 function x() { console.log('x') }; function y() { console.log('y') }; let z = 3; 简化前: if (z == 3) { x(); } else { y(); } 简化后: (z==3?x:y)(); //x 3.
2020-11-06 09:39:38 183
原创 uniapp上传图片转base64
chooseImg(type) { this.type = type let that = this uni.chooseImage({ count: 1, //默认9 success: function (res) { uni.showLoading({ title: '图片上传中', mask: true }) that.files = res.tempFiles[0].path.split(
2020-05-28 16:26:03 1485 1
原创 vue使用element ui可以用到的一些校验
vue使用element ui可以用到的一些校验,在项目中创建一个js文件,写到里面,可以全局使用 import Vue from "vue"; export default { //校验不通过弹出的提示信息 validateInfo() { Vue.prototype.$message({ message: "您还有数据未填写完整或填写错误!", type...
2020-03-25 09:50:20 289
原创 vue判断两个数组是否有重复值
判断数组是否有重复值 先用 map 方法 把那个属性值取出单独做一个数组 arr,然后用Array.from(new Set(arr)) 去重生成一个新数组 arr_new,根据判断 arr 与 arr_new 的长度是否一致来判断是否有重复的某个值 例如:判断数组里面的num值 data(){ return{ form:{ List:[ num:""...
2020-03-25 09:44:38 10685
原创 js正则表达式
验证数字的正则表达式集 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$ 验证非零的正整数:^\+...
2020-02-18 10:03:23 136
原创 文字显示溢出省略号显示
显示一行 display: block; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space:nowrap; 控制n行显示 overflow: hidden; display: -webkit-box; line-clamp:...
2019-10-15 14:17:48 117
原创 获取验证码倒计时
html button一定要给类型,否则如果是在表单中会自动提交刷新页面 <button type="button" class="get_code">获取验证码</button> css <style> .get_code{ width: 115px; margin-left: 5px; font-size: 14px; dis...
2019-07-26 10:39:20 102
原创 input[checkbox]自定义样式修改
input[type=“checkbox”]{ outline: none; -webkit-appearance: none; position: relative; vertical-align:middle; border: 1px solid #ededed; border-radius: 2px; min-height: 14px; min-width: 14px; } input[t...
2019-07-22 10:42:30 793 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人