
随记
爱学习的前端er
这个作者很懒,什么都没留下…
展开
-
vue3 ref reactive toRefs onMounted
<template> <div class="add"> <el-card class="add-container"> <el-form ref="form1" :model="form" label-width="120px"> <el-form-item required label="商品分类"> <el-select v-model="form.category" requ原创 2021-11-05 17:10:58 · 800 阅读 · 0 评论 -
elementui $prompt button默认值 初始值
this.$prompt(' ', '请输入标题:', {inputValue: `${file.title}` }).then(({ value, action }) => { if(!value){ return false; } this.$message.success("操作成功") this.fileList4[i原创 2021-11-02 13:56:19 · 2039 阅读 · 0 评论 -
Vue 前端代码风格
1.1.1 项目名全部采用小写方式, 以短横线分隔。例:my-project-name。1.1.2 目录名参照项目命名规则,有复数结构时,要采用复数命名法。例:docs、assets、components、directives、mixins、utils、views。1.1.3 图像文件名 HTML 文件 全部采用小写方式, 优先选择单个单词命名,多个单词命名以下划线分隔。1.1.4 CSS 文件名 JavaScript 文件名 全部采用小写方式, 优先选择单个单词命名,多个单词命名以短横线原创 2021-11-02 10:19:36 · 397 阅读 · 0 评论 -
前端常用的方法封装
// 字母转大写export function toUppcase(str) { return str.toUpperCase()}// 截取下划线之后的内容export function subStr(str) { let index = str.indexOf('_') let result = str.substring(index+1,str.length) return result}// 只能输入数字export function isNumber(numb原创 2021-11-01 18:59:22 · 142 阅读 · 0 评论 -
elementUI中遇到 [Vue warn]: Invalid prop: custom validator check failed for prop “status“
<!-- 上传进度 --> <div v-if="!pass && progress !== 0" class="img-content img-progress"> <el-progress type="circle" :percentage="progress" :status="proStatus"></el-progress原创 2021-11-01 14:40:33 · 386 阅读 · 0 评论 -
el-table 合并单元格
后台返给我这样的格式:[ {cancelTotal: 0,personnelId: 2,personnelName: "张三",personnelSalaryList:[{cancelWorkOrderCount:0,deepPackageId:null,effectiveWorkOrderCount:1,errorWorkOrderCount: 2,itemId: 4,name: null,title: "A"},{cancelWorkOrderCount:0,deepPackageId:null,e原创 2021-08-22 16:29:32 · 123 阅读 · 0 评论 -
vue 前端导出功能
// 导出 exportData(){ let queryData = { type: 'personnelSalary', month:this.pageInfo.month, year:this.pageInfo.year, } getExportBatch1(queryData).then(res => { const link = document.createElement('a..原创 2021-08-19 18:16:32 · 232 阅读 · 0 评论