pengboran的博客

通过这个属性 来控制有几种方法1.data里面直接定义 pickerOptions1 这个对象data(){ return { pickerOptions1: { disabledDate: (time) => { return time.getTime() < new Date(this.value1).getTime();可选的时间 小于 this.value1 ..

对于复杂表单类型，如表单对象嵌套一个对象1.创建 rules.js 文件let common = { checkRules(params, rules) { //表单校验 for (let key in rules) { let arr = rules[key] for (let i = 0; i < arr.length; i++) { let rule = arr[i], val = params[key] === 0 ? '0' : params[key]

项目中由于后台接口的原因，写了两种上传方式1.自动上传2.手动上传针对这两种方式，记录下，如何压缩上传图片自动上传时压缩图片模板代码： <el-upload class="upload-demo marginBom" :action="fileUrl + 'file'" :data="{

表格代码：<el-table:data="list"ref="multipleTable":row-key="(row)=>{ return row.classId}"@selection-change="handleSelectionChange"style="width: 100%"><el-table-column type="selection" :reserve-selection="true" ></el-table-column>&lt

项目中经常会将一个对象赋值给另一个对象，我们可以直接使用 = 号 也可以使用es6新增的object.assign这个方法，不同点就是 浅拷贝与深拷贝 引用类型指针的问题今天就遇到一个问题。。。。项目中 父组件 详情页有增加和修改两个按钮 增加和修改公用一个组件 于是在父组件详情页 会调用这个公用的子组件，并将详情的值传过去 以便修改 于是我是这样写的 watch: { orderFormData: { immediate: true, handler(newVal

项目中 在做表单的开发时 新增或修改需要对表格进行初始化 ，也就是置空表单 有很多方法 ，我是在子组件上加上key 每次打开子组件 key的值都会不一样 这就出现一个问题 每次打开子组件 数据置空是没问题了 总是会闪一下。就好请求数据 还没请求成功页面出现 html代码 一开始使用v-clock 没用!..后来查阅了一番 我一开始将key的赋值放在了 点击事件 也就是点击按钮弹出子组件这个方法中。。需要放在子组件发射的方法中 也就是关闭子组件时，我是在弹出子组件时。 下面调整后的子组件：<tem

请求拦截：在我们发送请求给服务器前我们可以做的一些事响应拦截: 请求完成服务器返回我们数据及请求状态，在这里可以对响应统一做处理在使用vue 开发后台管理系统时 自己也是调了半天。1.首先我们引入我们需要的资源import axios from 'axios'import router from '@/router'import { MessageBox, Message,Loading } from 'element-ui'import Qs from 'qs'import store

//如果想传过去的参数是字符串就是这用形式import axios from 'axios'import qs from 'querystring' axios.post(url, qs.stringify(params), { headers: { 'Content-Type': 'application/json;charset=UTF-8' },}).then(res => res.data) //如果想传过去的参数是对象就是这用形式axios.post(url,