前言：好记性不如烂笔头带快捷方式的可设置默认时间js中的Date对象 setHours()方法——Date.setHours(hour,min,sec,millisec)，如newDate().setHour(0,0,0)，newDate().setHour(23,59,59)带快捷键的，关键属性picker-options，单个日期时间的选择或者日期时间段的选择都可以用配置:picker-options="pickerOptions"在data中给pickerOptions赋值，其中的shortcuts属性赋值为一个对象数组，属性值为text和onClickexportdefault{dat
使用element表单时会出现数组对象类型的数据结构并且需要必填校验data(){return{//表单中出现像jsonList这样的数组对象数据editForm:{script:'',paramJsonList:[{paramName:'',paramaValue:''}]},//表单校验editFormRule:{script:[{required:true,message:'请填写',trigger:'blur'}]}paramJsonListRules:{paramName:[{required:true,message:'请填写',trigger:'blur'}],paramaVal
最近在做相关需求，感觉太多的重复代码，网上也很多这种动态的，写的很好，所以我借鉴了很多大佬的动态table表格，结合需求，完成了我自己需要的table。一、创建相关文件1.config文件夹相关配置文件2.一个用来配置的’pageTable.vue’文件二、pageTable文件里面的内容template>divclass="container">el-table:data="tableData"borderstyle="width:100%">!--这里是否要添加前面的序号123456-->el-table-columnlabel="序号"type="index"width="50"fixe
步骤：定义模板（做循环遍历处理）：template>divclass="container">el-cardv-for="(item,index)inrouteList":key="index"class="routeList-box">-->el-treeref="tree"class="el-tree"show-checkboxnode-key="id":indent="0":data="item.list":props="defaultProps":highlight-current="true":default-expand-all="true":render-content="ren
实现的效果是这样的这是表格demo详情录入这是data中的数据data(){return{//当前展开行nowExpand:[],//表格数据tableData:[{id:1,date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{id:2,date:'2016-05-04',name:'王小虎',address:'上海市普陀区金沙江路1517弄'},{id:3,date:'2016-05-01',name:'王小虎',address:'上海市普陀区金沙江路1519弄',children:[{id:31,date:'2016-05-01
用户前台登录后，后台返回一个token，将该token存储到store中，并设置到header中，每次发起请求时都会携带该token，用于后台进行权限校验//登录方法login.vuehandleLogin(){this.$refs.loginForm.validate((valid)=>{if(valid){this.loading=true;this.$store.dispatch("user/login",this.loginForm).then(()=>{this.$router.push({path:this.redirect||"/"});this.loading=false;})
这是我们要实现的效果elementui上的代码和效果如下：.avatar-uploader.el-upload{border:1pxdashed#d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;}.avatar-uploader.el-upload:hover{border-color:#409EFF;}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;te
一. 先在router.js文件中配置路由，将侧边栏中需要跳转的页面都添加到children中constrouter=createRouter({history:createWebHistory(import.meta.env.BASE_URL),routes:[{path:"/project",name:"projectGroup",meta:{requiresAuth:true,title:"项目列表",navBreadcrumb:[{label:"项目列表",name:"projectSample",link:true},],},component:()=>import("../view
组件代码el-date-picker v-model="timeVal" value-format="yyyy/MM/dd" format="yyyy/MM/dd" size="small" :picker-options="pickerOptions" type="daterange" placeholder="自定义时间" @change="onchangeTime">el-date-picker>场景1:设置选择今天及今天之后的日期data(){return{pickerOptions:{disabledDate(time){returntime.getTime()Date.now()-
1.水平垂直居中如图，则主要代码是：type="flex"justify="center"align="middle"2.水平居中如图，则主要代码是：type="flex"justify="center"3.垂直居中如图，则主要代码是：type="flex"align="middle"
