vue
不怕不管
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 评论 -
直接用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实现超出字数,截取并且以点点...代替
// 过滤器 filters: { // 内容超过30个字后以...显示 ellipsis(value) { if (!value) return ""; if (value.length > 30) { //先去掉text里面带来的 然后再去空格 return ( value .replace(/ /g, "") ..原创 2020-09-30 10:27:28 · 996 阅读 · 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 评论 -
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 评论 -
el-upload回显细节--没有图片数据返回的时候每点击一次添加多了一个空白图片
如果没有图片,就会自动赋值一个空的值给这个数组,就会出现一个空白的照片,每点击一次就添加一次```css imgInit() { this.fileUpList.push({ url: this.rowData.refundPic //上传退款截图 }); if (this.rowData.refundPic) { /...原创 2020-01-16 11:37:07 · 1056 阅读 · 0 评论