不知道怎么描述这个东西了。。el-select下拉框大家都知道，但是下拉框只能选择一个，而且如果数据太多的话也不太容易选择，所以这里就是封装了组件包含对应的弹窗，就是能实现多选，而且列表也是分页展示的，选择完之后将对应的名称展示在文本框中，传给后端对应的用逗号隔开（用什么隔开都可以，跟后端商量）的id大致的效果图就是： 这个关联合同就是我们封装的，输入框添加了disabled，不可编辑的，只能通过点击右侧弹窗来进行选择。点击弹窗之后的效果图： 这里我们要考虑的就是：点击弹窗要展示出列表，进行选择，选择完之后点击确定要将对应的名称展示出来，多个就用逗号隔开，然后拿到对应id对应赋值。第二就是回
设置包裹table组件的标签flex:1将table高度设为100%更改table默认滚动条统一设置样式,在App.vue添加样式： .el-table__body-wrapper::-webkit-scrollbar{ width:10px; height:10px; background-color:#ebeef5; } ::-webkit-scrollbar-thumb{ box-shadow:inset006pxrgba(0,0,0,.3); border-radius:10px; -webkit-box-shadow:inset006pxrgba(0,0,0,.3);
前言：好记性不如烂笔头带快捷方式的可设置默认时间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
