随笔分类 - element-ui
摘要：前面写过一次loading组件的js组件使用： ### 封装Loading组件-JS组件 elementUI提供了loading组件的简便使用： 1、在table等组件上绑定指令：v-loading="loading"，然后通过控制变量loading的值为true或false，切换显示和隐藏 <el
阅读全文
摘要：清一下表单的验证： created() { this.$nextTick(()=>{ this.$refs.ruleFormRef.resetFields(); }) }
阅读全文
摘要：1、data中声明分页所需数据： queryInfo: { total: 0, query: '', currentPage: 1, // 当前页数 pageSize: 10 // 当前每页显示多少条数据 } 2、引入分页组件： <el-pagination @size-change="handle
阅读全文
摘要：beforeAvatarUpload(file) { let FileExt = file.name.replace(/.+\./, "").toLowerCase() let flag = ['doc','docx','xls','xlsx'].includes(FileExt) const is
阅读全文
摘要：el-upload里面绑定一个占位class： :class="{hide:hideUpload}" data里面初始值： hideUpload: false, limitCount:1 onChange里面（添加文件、上传成功和上传失败时都会被调用的那个）： this.hideUpload = f
阅读全文
摘要：<el-form-item label="起始日期" label-width="110px" prop="startDate"> <el-date-picker v-model="ruleForm.startDate" type="date" placeholder="yyyy-mm-dd" cla
阅读全文
摘要：.el-form-item{ margin-bottom: 20px; } .el-input{ width: 200px; } .el-form-item__label{ line-height: 32px; } .el-input__inner{ height: 32px; } .el-form
阅读全文
摘要：安装：npm install --save nprogress 引入：（在axios封装文件中引入） import NProgress from 'nprogress' import 'nprogress/nprogress.css' 开启和关闭：（分别在axios的请求拦截器和响应拦截器中使用st
阅读全文
摘要：
阅读全文
摘要：可以通过v-model双数据绑定取值，也可以通过ref取值：
阅读全文
摘要：### elementUI中涉及到组件嵌套的时候如何进行传值-slot插槽作用域 ```vue <template> <zujian> <template slot-scope="props"> <p>{{props.row.属性}}</p> </template> </zujian> </temp
阅读全文
摘要：### 项目搭建 vue create my_cms Babel Router Vuex CSS Use history mode for router? n Sass/SCSS (with dart-sass) In package.json Save this as a preset for f
阅读全文
