- 博客(241)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 JavaScript 正则表达式控制文本框输入＜GrootBaby＞
二、限制只能输入英文字母三、限制只能输入中文汉字四、限制只能输入数字 && 小数点五、限制只能输入数字 && 英文字母 六、限制只能输入数字 && 英文字母 && 中文汉字 七、限制不能输入特殊字符 八、限制只能输数字 && 英文字母 && 中文汉字 && 空格九、限制只能输数字 && 英文字母 && 中文汉字 && 小数点十一、格式化输入小写字母自动转大写十二、MAC 地址限制只能输入字母 && 数字
2021-04-14 18:02:58
366
原创 JavaScript 常用方法＜GrootBaby＞
目录Math.max() 方法 -- 返回数组中最大值slice() 方法 -- (万能截取)concat() 方法 --连接数组substr() 方法 --字符串截取split() 方法 --字符串分割成数组join() 方法 --数组元素连接成字符串Math.max() 方法 -- 返回数组中最大值定义和用法max() 方法可返回两个指定的数中带有较大...
2018-12-06 14:25:00
244
原创 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
228
原创 Echarts 利用多X轴实现未来15天天气预报
通过设置 grid.top 和 grid.bottom 设置白天和夜间天气展示区域。Echarts 利用多X轴实现未来15天天气预报
2024-03-22 15:39:12
1044
原创 HBuilder 编辑器终端窗口无法输入，未响应的解决方案
将 main.js 文件中的 powershell.exe 和 cmd.exe 路径都改为绝对路径
2023-07-28 15:44:44
2783
原创 字节抖音小程序，使用 uniapp 调起内置支付
后端通过抖音，提交支付订单信息。预下单接口_小程序_抖音开放平台预下单接口 提交支付订单信息。## 使用限制 无 ## 接口说明 预下单接口需要保证同一app_id下每笔订单的out_order_no是唯一的。同一订单(app_id，out_order_no相同)重复请求需要保持请求参数一致，否则接口会报错拦截。沙盒环境使用说明详见担保支付。
2023-07-25 15:09:12
3277
原创 GitHub Copilot 最全安装、使用
解决方法是退出 GitHub 账号后，关闭 VS Code 再重新打开，再次登录 GitHub 账号，重复步骤2的操作，直到成功。如果没有上图提示，点击左下角齿轮设置按钮，"使用 GItHub 登录以使用 GitHub Copilot(1)"立即重载，重启 VS Code 软件，出现如下图所示页面，说明插件安装成功。，没有账号自行注册，也可以使用公司共用账户。安装 "GitHub Copilot" 扩展出错，手动安装也可以。最后如果右下角出现如下图所示的机器人图标，说明安装插件安装成功。
2023-06-15 17:21:45
24418
4
原创 excel 文件上传时更改选中的文件出现错误net::ERR_UPLOAD_FILE_CHANGED
前端使用文件上传组件，上传电脑上本地文件，上传成功后，修改本地文件内容，提交上传会报错。
2023-05-15 16:17:54
592
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
2098
原创 Vue 组件中如何引入外部的js文件
在Vue中，通常我们引入一个js插件都是使用npm方式下载然后import使用的。但是我现在本地有了js文件或者是一个远程js文件链接，我不想使用的方式，有什么办法吗？
2023-03-23 10:16:06
6048
2
原创 微信小程序报错 {“errMsg“: “hideLoading:fail toast can‘t be found“}
微信小程序报错 {"errMsg": "hideLoading:fail toast can't be found"}
2023-02-23 11:03:05
1104
原创 scrollIntoView 使用方法
behavior表示滚动方式。auto表示使用当前元素的scroll-behavior样式。instant和smooth表示直接滚到底和使用平滑滚动。block表示块级元素排列方向要滚动到的位置。对于默认的writing-mode: horizontal-tb来说，就是竖直方向。start表示将视口的顶部和元素顶部对齐；center表示将视口的中间和元素的中间对齐；end表示将视口的底部和元素底部对齐；nearest表示就近对齐。inline表示行内元素排列方向要滚动到的位置。
2022-11-27 01:37:36
593
原创 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
3512
原创 TypeError: Cannot read properties of null (reading ‘level‘)
当组件数据发生变化时，监听改变这个 el-cascader 的 key 值（this.resetCascader++）给组件设置 key（:key="resetCascader"），在data里面设置初始值为0。
2022-09-07 19:29:30
4365
1
原创 element-ui 中 el-table 分页多选（记住上一页勾选数据）及编辑回显
element-ui 的官网是有属性的。el-table-colum 的reserve-selection属性el-table 的row-key属性
2022-09-07 09:46:33
3188
原创 [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
1891
原创 Vue 生成带 logo 的二维码
基于qrcode.js二维码封装的vue组件.Latestversion1.1.3,lastpublished3yearsago.Startusingvue_qrcodesinyourprojectbyrunning`npmivue_qrcodes`.Thereare4otherprojectsinthenpmregistryusingvue_qrcodes.
2022-07-25 16:18:03
1280
原创 element UI 中 el-table formatter scope template 同时存在的问题
使用scope后formatter就失效了。使用intFormatter方法进行格式化处理。正常使用formatter。
2022-07-16 13:25:55
1171
原创 element UI 中 el-table formatter 属性显示固定字数且超出省略号
代码】elementUI中el-tableformatter属性显示固定字数且超出省略号。
2022-07-16 13:19:13
938
原创 el-cascader 级联选择器动态加载数据及回显数据方法（最全概括）＜grootbaby＞
当地区数据比较多时，全部获取数据速度太慢，体验不太好，改为懒加载，一级一级选择地区就能很好避免速度慢的问题。首次加载第一级数据，给出所需要的参数，因为首次加载 node.value 没有值，据此判断是不是第一级数据。当点击最后一级的时候 label 后面不会转圈圈，并把相关值赋值到选择器上。编辑弹窗展示的时候，有时候并不能正确回显，取消展示或者改变 key 值。依次类推，拿到全部层级的 code 和 name 传给后端接收使用。获取倒数第二级的数据的 name。获取倒数第三级的数据的 name。
2022-07-16 13:12:11
17975
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
985
原创 文件上传 upload 组件 on-success 事件，添加自定义参数
参数 "1" 就是添加的自定义参数。多个上传组件也可以传入下标来区分当前使用的 upload 组件是哪一个。
2022-06-27 09:02:33
3700
原创 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
11105
原创 使用 qrcodejs2 生成二维码详细API和参数
使用 qrcodejs2页面引入页面标签可以使⽤ id 或者 ref，建议使⽤ ref，因为使⽤ vue 框架控制虚拟 Dom 才是正确的选择简单⽅便参数说明OptionsEvents
2022-06-21 15:46:50
7140
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
3158
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
5707
原创 微信小程序 从某个页面直接返回首页
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
2095
原创 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
2397
原创 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
2695
原创 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
6197
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
6071
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
1296
原创 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
2867
原创 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
4915
RightMenuMgr1.2.1.7z
2020-10-10
vue-devtools.zip
2019-11-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人