今天写前端又遇到个很神奇的事情，element的下拉框el-select出现了一点儿问题，回显的时候显示value的值，这个强迫症看来就很难受 我写的代码是这样的查阅大量资料，突然发现一个简单的方法，那就是vue的v-bind的神奇之处，v-bind的简写是：冒号所以解决方法就来了（敲重点） 在value上绑定v-bind改完之后的代码是这样的，再来看element的下拉框el-select就显示lable的值了， 今天又解决了一个问题，开心值加1。
1.多个tabs标签页请求同一个接口2.多个tabs标签页请求多个接口 需求描述：有三个可切换的tabs页签，红色的两个框里的tabs页签请求的是同一个接口，但是两个页签传递的参数值不一样，橙色的框里请求的是另一个接口。通过点击不同的tabs页签去跳转页面并请求不同的接口返回的数据。默认显示最新知识页签的数据。html页面： 最新知识和热门知识调的是同一个接口，排行榜是一个接口。接口：最新知识和热门知识的接口给后端传的参数rankingType（直接传汉字 ）："最新知识"or"热门知识"。排行榜的接口给后端传的参数rankingListType："下载排行"。实现： 在api文件里新建相关文
🎉🎉欢迎来到我的CSDN主页！🎉🎉🏅我是Java方文山，一个在CSDN分享笔记的博主。📚📚🌟推荐给大家我的专栏《ELement》。🎯🎯👉点击这里，就可以查看我的主页啦！👇👇Java方文山的个人主页🎁如果感觉还不错的话请给我点赞吧！🎁🎁💖期待你的加入，一起学习，一起进步！💖💖目录一、前言1.1.什么是ELementUI二、完成登陆注册前端页面1.1.环境搭建①首先我们准备一个SPA项目②运行项目③使用命令添加Element-UI模块④测试ELementUI1.2.登录页面搭建①定义组件②将路由与路由路径绑定 ③前后端交互axios之getaxios之post 1.3.优化代码1.4.注册页面搭建
安装包注意：vue2.0要用8版本的，使用9版本的会报错npminstallvue-i18n@8.27.0--save创建相关的语言包文件在src目录下，创建新的文件夹，命名为i18n在文件夹i18n中新建langs文件夹，里边放语言文件.jszh.js：存放所有的中文显示内容en.js：存放所有的英文显示内容与langs文件夹同级，创建index.js：用于配置i18n，并导出i18nzh.jsexportdefault{//中文msg:{msg1:'测试一',msg2:'测试二',msg3:'测试三',message:"第一个值",display:"第二个值",//材料列表的材料类型mat
上传文件的代码代码添加到代码块中-->将文件拖到此处，或点击上传只能上传jpg/png文件，且不超过500kb取消确定 js逻辑代码data(){return{uploadFileURL:'http://192.168.1.105:8090/project/details/importProjectFile',//上传文件的地址!loadFileParams:{//上传文件的参数！projectNumber:'',projectName:'',projectHead:'',projectType:'',fileNames:''},headers:{Authorization:window.se
resetFields()与clearValidate()的区别 相同点：二者都能移除表单校验 不同点：resetFields()会对整个表单进行重置，将所有的字段重置为初始值 clearValidate()只会移除表单校验，而且可以只对部分字段进行移除校验this.$refs[formName].resetFields();意思是重置表单到初始值this.$refs[formName].clearValidate();意思是清除表单验证点击x号关闭弹窗清除表单验证:before-close="dialogClear" /** *关闭弹窗清除验证 */ di
系列文章目录系列介绍：Vue3+Vite+TS从零开始学习项目搭建：(一)Vue3+Vite+TS项目搭建实现动态菜单栏：(二)Vue3+Element-Plus实现动态菜单栏实现动态面包屑：(三)Vue3+Element-Plus实现动态面包屑实现动态标签页：(四)Vue3+Element-Plus实现动态标签页实现动态主题色切换(demo)：(五)Vue3+Element-Plus实现动态主题色切换踩坑记录(持续更新)：(六)Vue3踩坑记录文章目录系列文章目录一、引入依赖二、目录结构三、核心代码1.auth-api.js2.permission.js3.sidebar.vue4.rout
1.背景在使用 el-select 的时候，经常会通过 change 事件来获取当前绑定的 value ，即对象中默认的某个value 值。但在某些特殊情况下，如果想要获取的是点击项的整个对象 item，该怎么做呢？2.实例 elementUI中是可以支持获取点击项的整个对象的。需注意 value-key="id":value="item"exportdefault{data(){return{value:'',options:[{id:1,label:'黄金糕'},{id:2,label:'双皮奶'},{id:3,label:'蚵仔煎'},{id:4,label:'龙须面'},{id:5,
Element已有的月份选择组件，只能展示开始月份的1号到结束月份的1号（例如：开始月份为3月，结束月份为3月，input框内只能展示2023-03-01至2023-03-01），但是我们的需求想要展示的是2023-03-01至2023-03-31这样的日期范围。 changeMonth(value,'search')">changeMonth(value,str){//查询当前月份月初到月末letmyDate=newDate(value[1]);letmonth=myDate.getMonth()+1;month=month效果如图：可以选择7月到7月，也可以选择7-8月等。。
背景最近在写项目的时候遇到了一个新的需求，就是需要生成一个以当前月份日期时间为表头的表格，用来展示这个月的值班情况表格上方有切换月份的按钮，切换对应的月份，表头要显示对应的月份的日期以及对应月份下面的数据，没有安排值班的日期，用/表示，属于当天的日期时间，将单元格的背景加深大致的展示效果如下(数据为假数据，只是展示效果使用，具体的以实际为准):实现思路1.最开始的时候想到的是使用日历插件fullCalendar去实现，但是实现出来的效果不是想要的效果，所以就pass掉了2.然后就在网上看了一系列大家分享的文章，基本的实现思路有了，那么就是解决实现这一块的问题了3.时间日期为表头这些数据是很好得
