js
不怕不管
Do the right Things!
展开
-
el-form循环生成el-form-item校验失败原因
划重点::prop="‘specificationsCopy.’+scope.$index+’.name’":rules=“rules.name”如果:rules=“rules.name” 换成required就会报错xxx is required<el-form-item label="商品规格:" required> <div class="table"> <el-table :data="ruleForm.sp原创 2022-01-13 17:25:39 · 1965 阅读 · 0 评论 -
封装导出excel的js
util.js 封装导出方法/** export Excel */let apiUrl = process.env.VUE_APP_BASE_API;const exportMethod = data => { axios({ method: data.method, url: apiUrl + data.url, params: data.params, responseType: "blob" }).then(res => { let t原创 2022-01-13 14:34:29 · 444 阅读 · 0 评论 -
Vue按需引入Echart折线图堆叠
Vue按需引入echart 曲线图原创 2021-12-27 19:40:11 · 1425 阅读 · 1 评论 -
h5 input光标在点击另一个表单元素没触发失焦事件??input属性不要乱用呀~
input如果不想输入框有光标,只想作展示用,可以改成readonly=“readonly”在移动端,input如果设置为disabled,就无法正常触发点击事件,导致上一个input的失去焦点事件不生效//input<input type="text" placeholder="手机号" v-model="address.phone">//不能设置为disable如果要点击<div v-hammer:tap="() => onSelectAddress()">原创 2021-09-30 11:00:53 · 712 阅读 · 1 评论 -
饿了么el-date-picker禁用当前时分秒之前的日期时间选择
使用参数picker-optionsdisabledDate :控制只能选择今天及以后的日期selectableRange :控制选择的时间段。如果是今天,则时间从此刻开始,否则从0时开始参考原文链接:https://blog.csdn.net/qq_26642611/article/details/103761975实现效果建议使用参数time-arrow-control,用箭头进行选择(用鼠标滚轮操作稳定性很差)html<el-date-picker v-model="ruleFo原创 2021-07-21 15:06:18 · 3792 阅读 · 3 评论 -
el-select获取多个参数/el-select传多个参数
element select选择器~~el-select的change事件默认不传参数时可获取到值是选中的值。@change="handleSelectGroup"当涉及到循环动态生成多个select组件并且想要获取到当前所选的组件是哪个的时候,就需要从select的change事件获取到多个参数,一般需要传上当前选中的值与当前索引。方法一:$event 即是当前所选的值@change="handleSelectGroup($event, i)"方法二:val 即是当前所选的值@cha原创 2021-05-11 09:59:02 · 6992 阅读 · 2 评论 -
v} expectedcss(css-rcurlyexpected) vscode 报错,编写css时无法实现嵌套写法
这是一个使用sass来编写样式的vue项目。之前编写样式是正常的,今天突然就不行了,我还以为是漏了标点符号或者用了正式标点符号,检查了发现并不是,然后直接百度了以下这个报错} expectedcss(css-rcurlyexpected),就找到了答案:底部控制栏的语言模式要修改成vue。点击HTML,vscode就会弹窗让你选择语言模式,往下拉到最后,选中vue即可。昨天我下载了最新的vscode,所以导致了这个语言模式默认为html了,需要手动改回来。正常啦~~~...原创 2021-03-18 11:56:09 · 7862 阅读 · 7 评论 -
vscode自动补全标签失效的解决方法
一直习惯用vscode自动补全便捷方法写代码,突然家里的电脑无法自动补全了,格式化代码也变得不正常。为此大大降低了开发效率,幸好现在已经找到了方法打开设置ctrl+f 输入quick,就可以快速找到文本编辑器下面的相关选项,把勾选去掉,改成和下面这个一样点开setting.json编辑,添加以下代码 // vscode不自动补全 "editor.suggest.snippetsPreventQuickSuggestions": false, "editor.quickSu原创 2021-03-18 00:00:10 · 15184 阅读 · 3 评论 -
VUE导出EXCEL文件的js方法
需要携带参数获取数据再导出Excel写法一: // 导出 handleExport (belongTime) { window.location.href = `${AddressUrl}/itemDetail?belongTime=${itemId}` },process.env.VUE_APP_BASE_API=AddressUrl,为基准路径。写法二: // 导出模板 hanldeExport () { //api完整地址 co原创 2021-03-17 18:44:20 · 248 阅读 · 0 评论 -
vscode快捷键以及console控制台的使用快捷键
Ctrl + P :转到文件,您可以在 Visual Studio Code 中移动到打开的文件/文件夹的任何文件。Ctrl + ` :在 VS Code 中打开 terminalAlt + Down:下移一行Alt + Up:上移一行Shift + Alt + Down:向下复制行Shift + Alt + Up:向上复制行Ctrl + Shift + T:重新打开最新关闭的窗口...原创 2020-04-30 13:56:39 · 2611 阅读 · 0 评论 -
element UI防止多个message弹窗,el-message提示只显示最后一个
单独一个文件重写messageimport { Message } from 'element-ui'let messageInstance = nullconst resetMessage = (options) => { if (messageInstance) { messageInstance.close() } messageInstance = Message(options)};['error', 'success', 'info', 'warning'].原创 2021-03-17 13:50:18 · 1530 阅读 · 0 评论 -
vue打开新的标签页跳转到另一个网站页面-href跳转
// window.location.href = `http://localhost:8081/#/userList?token=${token}` window.open(`http://ht.wanda.mcmore.cn/#/userList?token=${token}`, '_blank')// 测试站 // window.open(`http://wuyou.bototyre.com:8443/#/userList?token=${token}`, '_blank')//正式站..原创 2020-09-30 10:42:49 · 6224 阅读 · 0 评论 -
js实现超出字数,截取并且以点点...代替
// 过滤器 filters: { // 内容超过30个字后以...显示 ellipsis(value) { if (!value) return ""; if (value.length > 30) { //先去掉text里面带来的 然后再去空格 return ( value .replace(/ /g, "") ..原创 2020-09-30 10:27:28 · 996 阅读 · 0 评论 -
直接用toFixed保留两位小数遇上的坑以及解决方法
参考链接:https://www.cnblogs.com/liyan-web/p/7788459.html由此可见真正的问题源于二进制浮点数表示法并不能精准表示十进制分数!function toFixed(number,fractionDigits){ var times = Math.pow(10, fractionDigits); var roundNum = Math.round(number * times) / times; return roundNum.toFi原创 2020-09-18 14:08:10 · 3389 阅读 · 0 评论 -
js中数字校验的坑
两个单纯的字符串之间的比较会变成ASCII码比较,依次取每个字符串,然后ASCII比较,比较出来的结果往往不是我们想要的,例如字符串 8 是大于138的var A =String(8)var B=String(138)var C=A>B //结果为true所以每次比较,都需要Number一下,把字符串转成数值再比较注意保留两位小数方法toFixed(2),需要再Number一下转为数值才能进行比较很多场景是需要保留两位数的,或者说接口返回的是多位数的,我们会截取两位数进行比较,结果发原创 2020-09-08 15:47:29 · 265 阅读 · 0 评论 -
浏览器关闭网站移除本地存储localStorage,用vue的destroyed或者beforeDestroy函数无效
关闭浏览器或者关闭网页窗口的时候,需要移除token在 App.vue挂载的时候,加上这个方法,浏览器关闭动作的事件 mounted () { window.addEventListener('beforeunload', () => { localStorage.removeItem('token') localStorage.removeItem('user') }); },...............vue的生命钩子函数destroyed原创 2020-07-30 16:55:55 · 3577 阅读 · 2 评论 -
js比较两个日期的大小
最稳妥的方法:根据时间对象的时间戳进行比较,我发现我没转换成时间对象的时间戳也可以,这是为啥子?我觉得是因为字符串的比较是按单个单个字符串来比较的,从左边开始,到右边,遇到可以判断大小的就停止,并不是根据长度来判断字符串的大小的。先看看时间戳转换Date.parse(“日期时间”) /** 校验结束时间不能早于开始时间 */ const checkEndTime = (ru...原创 2020-04-29 14:36:44 · 3061 阅读 · 0 评论 -
数字比较大小避坑--要注意是字符串还是数值
js比较两个数字的大小不能直接比,需要转成数值后再比较,不然比的就是字符串了,失去了比较数值大小的意义。如果不加Number转换,“50”是大于“1000”的,不信你也试试。如果是有小数点的,一定要用Number,如果是整数的就用parseInt进行数值转换 /** 校验a应大于b,数值可带两位小数点 */ const checkA = (rule, value, callba...原创 2020-04-29 13:53:31 · 847 阅读 · 0 评论