- 博客(241)
- 资源 (2)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 JavaScript 正则表达式控制文本框输入<GrootBaby>
二、限制只能输入英文字母三、限制只能输入中文汉字四、限制只能输入数字 && 小数点五、限制只能输入数字 && 英文字母 六、限制只能输入数字 && 英文字母 && 中文汉字 七、限制不能输入特殊字符 八、限制只能输数字 && 英文字母 && 中文汉字 && 空格九、限制只能输数字 && 英文字母 && 中文汉字 && 小数点十一、格式化输入小写字母自动转大写十二、MAC 地址限制只能输入字母 && 数字
2021-04-14 18:02:58
349
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 JavaScript 常用方法<GrootBaby>
目录Math.max() 方法 -- 返回数组中最大值slice() 方法 -- (万能截取)concat() 方法 --连接数组substr() 方法 --字符串截取split() 方法 --字符串分割成数组join() 方法 --数组元素连接成字符串Math.max() 方法 -- 返回数组中最大值定义和用法max() 方法可返回两个指定的数中带有较大...
2018-12-06 14:25:00
236
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 CSS 选择器<GrootBaby>
CSS3 选择器http://www.w3school.com.cn/cssref/css_selectors.asp在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)选择器 例子 例子描述 CSS .class .intro 选择 clas...
2018-11-20 10:35:31
217
原创 Echarts 利用多X轴实现未来15天天气预报
通过设置 grid.top 和 grid.bottom 设置白天和夜间天气展示区域。Echarts 利用多X轴实现未来15天天气预报
2024-03-22 15:39:12
954
原创 HBuilder 编辑器终端窗口无法输入,未响应的解决方案
将 main.js 文件中的 powershell.exe 和 cmd.exe 路径都改为绝对路径
2023-07-28 15:44:44
2661
原创 字节抖音小程序,使用 uniapp 调起内置支付
后端通过抖音,提交支付订单信息。预下单接口_小程序_抖音开放平台预下单接口 提交支付订单信息。## 使用限制 无 ## 接口说明 预下单接口需要保证同一app_id下每笔订单的out_order_no是唯一的。同一订单(app_id,out_order_no相同)重复请求需要保持请求参数一致,否则接口会报错拦截。沙盒环境使用说明详见担保支付。
2023-07-25 15:09:12
3091
原创 GitHub Copilot 最全安装、使用
解决方法是退出 GitHub 账号后,关闭 VS Code 再重新打开,再次登录 GitHub 账号,重复步骤2的操作,直到成功。如果没有上图提示,点击左下角齿轮设置按钮,"使用 GItHub 登录以使用 GitHub Copilot(1)"立即重载,重启 VS Code 软件,出现如下图所示页面,说明插件安装成功。,没有账号自行注册,也可以使用公司共用账户。安装 "GitHub Copilot" 扩展出错,手动安装也可以。最后如果右下角出现如下图所示的机器人图标,说明安装插件安装成功。
2023-06-15 17:21:45
23716
4
原创 excel 文件上传时更改选中的文件出现错误net::ERR_UPLOAD_FILE_CHANGED
前端使用文件上传组件,上传电脑上本地文件,上传成功后,修改本地文件内容,提交上传会报错。
2023-05-15 16:17:54
552
1
原创 Vue-Cli 在 index.html 文件中进行环境判断
主要是使用 语法进行判断# start 这是正常的if判断# end 这是正常的if判断# start 标准的if else# end 标准的if else# start 标准的 if else if# end 标准的 if else if。
2023-04-10 16:20:55
2040
原创 Vue 组件中如何引入外部的js文件
在Vue中,通常我们引入一个js插件都是使用npm方式下载然后import使用的。但是我现在本地有了js文件或者是一个远程js文件链接,我不想使用的方式,有什么办法吗?
2023-03-23 10:16:06
5820
2
原创 微信小程序报错 {“errMsg“: “hideLoading:fail toast can‘t be found“}
微信小程序报错 {"errMsg": "hideLoading:fail toast can't be found"}
2023-02-23 11:03:05
1058
原创 scrollIntoView 使用方法
behavior表示滚动方式。auto表示使用当前元素的scroll-behavior样式。instant和smooth表示直接滚到底和使用平滑滚动。block表示块级元素排列方向要滚动到的位置。对于默认的writing-mode: horizontal-tb来说,就是竖直方向。start表示将视口的顶部和元素顶部对齐;center表示将视口的中间和元素的中间对齐;end表示将视口的底部和元素底部对齐;nearest表示就近对齐。inline表示行内元素排列方向要滚动到的位置。
2022-11-27 01:37:36
563
原创 elementUI el-table 默认滚动条在表格的最底部
elementUI 框架,获取不到表格里面的某个元素的 id,但是 el-table 里有个 bodyWrapper 它指向的是 el-table 的表格内容部分,存在 scrollTop,scrollHeight 属性,所以可以用下面方法来实现滚动条在底部的效果。(备注: 需给对应的el-table 设置ref 属性,,本案例中ref 设置为editTable)另外,如果要在不同屏幕下表格高度需要适应屏幕的话,需要用到 window.onresize 函数。
2022-11-07 22:21:20
3379
原创 TypeError: Cannot read properties of null (reading ‘level‘)
当组件数据发生变化时,监听改变这个 el-cascader 的 key 值(this.resetCascader++)给组件设置 key(:key="resetCascader"),在data里面设置初始值为0。
2022-09-07 19:29:30
4295
1
原创 element-ui 中 el-table 分页多选(记住上一页勾选数据)及编辑回显
element-ui 的官网是有属性的。el-table-colum 的reserve-selection属性el-table 的row-key属性
2022-09-07 09:46:33
3138
原创 [Vue warn]: <transition-group> children must be keyed: <ElTag>
如果需要在 el-select 上面绑定整个 item 对象时,但是展示只显示 name 字段,会报如标题所示错误。el-select 标签添加 value-key 属性,且值为 item 中的唯一属性值,如 id。
2022-09-07 09:32:22
1854
原创 Vue 生成带 logo 的二维码
基于qrcode.js二维码封装的vue组件.Latestversion1.1.3,lastpublished3yearsago.Startusingvue_qrcodesinyourprojectbyrunning`npmivue_qrcodes`.Thereare4otherprojectsinthenpmregistryusingvue_qrcodes.
2022-07-25 16:18:03
1244
原创 element UI 中 el-table formatter scope template 同时存在的问题
使用scope后formatter就失效了。使用intFormatter方法进行格式化处理。正常使用formatter。
2022-07-16 13:25:55
1132
原创 element UI 中 el-table formatter 属性显示固定字数且超出省略号
代码】elementUI中el-tableformatter属性显示固定字数且超出省略号。
2022-07-16 13:19:13
913
原创 el-cascader 级联选择器动态加载数据及回显数据方法(最全概括)<grootbaby>
当地区数据比较多时,全部获取数据速度太慢,体验不太好,改为懒加载,一级一级选择地区就能很好避免速度慢的问题。首次加载第一级数据,给出所需要的参数,因为首次加载 node.value 没有值,据此判断是不是第一级数据。当点击最后一级的时候 label 后面不会转圈圈,并把相关值赋值到选择器上。编辑弹窗展示的时候,有时候并不能正确回显,取消展示或者改变 key 值。依次类推,拿到全部层级的 code 和 name 传给后端接收使用。获取倒数第二级的数据的 name。获取倒数第三级的数据的 name。
2022-07-16 13:12:11
17681
28
原创 el-input 限制只能输数字
通过设置type属性:type="number"但是这种方式一般会影响样式,不建议使用,如图:通过绑定值限制的方式:v-model.number="ruleForm.phone"但是这种方式会限制一般的数字,但是会影响 maxlength 属性,并且 e 是可以输入的,一般情况可以使用,严格限制的话不建议建议使用通过对绑定的 value 值进行正则限制:οnkeyup="value=value.replace(/[^\d]/g, ' ')"绑定一个onkeyup监听事件, /[^\d]/g 是用来匹配
2022-06-29 11:40:50
954
原创 文件上传 upload 组件 on-success 事件,添加自定义参数
参数 "1" 就是添加的自定义参数。多个上传组件也可以传入下标来区分当前使用的 upload 组件是哪一个。
2022-06-27 09:02:33
3570
原创 Vue 时间插件 moment 使用
this.$moment().subtract(10,'days').format("YYYY-MM-DD");//当前时间往后推10天。this.$moment(value).format("YYYY-MM-DD")//格式化指定日期value的格式年-月-日。()//获取当前月第一天是星期几this.$moment().format('MM')//获取当前月份。this.$moment().format("YYYY-MM-DD")//获取当前日期。...
2022-06-22 11:13:25
11062
原创 使用 qrcodejs2 生成二维码详细API和参数
使用 qrcodejs2页面引入页面标签可以使⽤ id 或者 ref,建议使⽤ ref,因为使⽤ vue 框架控制虚拟 Dom 才是正确的选择简单⽅便参数说明OptionsEvents
2022-06-21 15:46:50
6997
1
原创 JS 数字千位分隔符且保留两位小数
数字千位分隔符且保留两位小数1、仅需要整数位千位分隔num.toLocaleString()2、仅需要保留两位小数num.toFixed(2)3、需要千位分隔符且带两位小数ThousandAndDecimal(num) { if(num) { return num.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,'); } else { return '0.00' }}...
2022-04-20 17:30:03
3035
1
原创 数字和字母组合的密码正则表达式
数字和字母组合的密码正则表达式要求:由数字和字母组成,并且要同时含有数字和字母,且长度要在8-16位之间。/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/注释:^ 匹配一行的开头位置(?![0-9]+$) 预测该位置后面不全是数字(?![a-zA-Z]+$) 预测该位置后面不全是字母[0-9A-Za-z] {8,16} 由8-16位数字或这字母组成$ 匹配行结尾位置注:(?!xxxx)是正则表达式的负向零宽断言一种
2022-04-20 11:23:37
5314
原创 微信小程序 从某个页面直接返回首页
wx.navigateTo正常 A -> B -> C 都是通过 wx.navigateTo 跳转的,所以 wx.navigateBack 只能返回上一页,如果要返回到 A 就会出现 C -> B -> A 的效果。wx.redirectTo如果想实现 A -> B -> C 当 C 点击返回时, 实现直接 C -> A 这种效果, 就只能A -> B 通过 wx.navigateTo 跳转,B -> C 通过 wx.redirectTo 跳
2022-03-30 10:51:13
2040
原创 wx.navigateBack() 返回上一个页面如何传参
wx.navigateBack() 不能像其他导航一样通过url传参,因此只能使用其他方法:使用 getCurrentPages() 函数获取页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。官方文档参考:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html?search-key=getCurrentPagesvar pages = getCurren
2022-03-28 16:41:07
2333
原创 element-ui 的 upload 组件超过限定图片后隐藏上传按钮
<el-upload class="annaul-ticket-imgs" :class="{ 'hide-upload-btn': hideUploadBtn }" :headers="{ token: token }" :action="ATactionUrl" list-type="picture-card" :on-success="uploadImgSuccess" :on-remove="uploadImgRemove" :before-upload="u.
2022-03-14 14:57:18
2640
原创 Javascript 判断数字是否含有小数点
JavaScript 判断一个数字是否含有小数点,如果含有,则返回该数字;如果不含小数点,则在整数数值后面补两位小数 ".00":priceFormat(num){ if(!isNaN(num)){ return ( (num + '').indexOf('.') != -1 ) ? num: num.toFixed(2); }},https://blog.csdn.net/weixin_34198583/article/details/85756367.
2022-03-14 14:52:09
6113
1
原创 el-tree 全部展开全部折叠
// 折叠所有节点setAllFold() { for (var i = 0; i < this.$refs.tree.store._getAllNodes().length; i++) { this.$refs.tree.store._getAllNodes()[i].expanded = false; }},// 展开所有节点setAllExpand() { for (var i = 0; i < this.$refs.tree.store._getAllNod.
2022-03-03 10:58:33
5953
2
原创 同一局域网访问本地 Vue 项目
同一局域网访问本地 Vue 项目需要访问电脑需要在同一局域网下 | | 连同一个WiFi,这个就不说了吧。懂得都懂。调试机 ip:192.168.30.100,将 192.168.30.100 改为你自己本机 ip 就OK。不需要修改配置文件重启本地环境:yarn run dev --host 192.168.30.100 ( 加红的 yarn 是关键,不要尝试用 cnpm 或者 npm )需要修改配置文件方法一:在 config/index.js 文件中找到 h
2022-03-03 10:39:33
1210
原创 element UI 中 el-select 组件获取 label 和 name 的值
<el-select v-model="dialogForm.id" placeholder="请选择" @change="filterData"> <el-option v-for="item in Options" :label="item.name" :key="item.id" :value="item.id" ></el-option></el-select>filterData(e) { l...
2022-02-24 16:17:43
2830
原创 vuex中 store.dispatch() 与 store.commit() 方法区别
vuex中 store.dispatch() 与 store.commit() 方法区别this.$store.dispatch() 与 this.$store.commit()方法的区别总的来说他们只是存取方式的不同,两个方法都是传值给 vuex 的 mutation 改变 statethis.$store.dispatch() :含有异步操作,例如向后台提交数据,写法:this.$store.dispatch(‘action方法名’,值)this.$store.commit():同步
2022-01-13 18:06:11
4842
RightMenuMgr1.2.1.7z
2020-10-10
vue-devtools.zip
2019-11-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人