vue项目文问题记录

一些vue项目文问题记录

vue Element UI


Element UI 多选不回显问题

由于需要的数据是数组对象,不是案例中的纯数组,回显时不需要用数组对象接受,只需要id即可

<el-checkbox-group @change="handleCheckAllChange"  v-model="checkboxGroup1" style="padding:20px">
     <el-checkbox-button   v-for="templateName in list" :key="templateName.id" :label="templateName.id">
        {{ templateName.templateName }}
      </el-checkbox-button>
 </el-checkbox-group>


data(){
	return{
		list:[{id:1,templateName:a},{id:2,templateName:b},{id:3,templateName:c}],
		checkboxGroup1:[1,2]//
	}
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
【资源说明】 1、基于springboot+vue+element-ui的前后端分离办公自动化系统源码+项目说明(毕设).zip 2、该资源包括项目的全部源码,下载可以直接使用! 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目,作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能,需要能看懂代码,并且热爱钻研,自行调试。 毕业设计 ## 基于 springboot+vue+elementui 的办公自动化系统设计(前端代码在oa件夹里) ### 系统主要功能: #### 1、统一的信息发布平台:公告栏,公司活动,项目进度,公司周报 #### 2、统一的件管理平台:收管理、发管理。件查询。档案管理 #### 3、办公自动化: ##### (1)行政办公: + 查看自己的工作任务; + 新建工作任务; + 设定任务截止时间; + 分配下级员工任务;(权限) ##### (2)审批申请: + 查看员工状态(是否请假,出差等);(权限) + 批准下级员工的请假申请;(权限) + 向上级申请请假、出差(原因,时间,是否被批准); + 查看个人出勤记录。 ##### (3)日志系统: + 填写每日工作日志; + 日志查询; ##### (4)会议管理: + 查看会议室是否被占用; + 查看会议通知; + 通知员工开会; + 管理会议室状态。 ##### (5)系统管理: + 管理公司信息发布平台; + 日志查询; + 查看所有人的出勤记录;权限管理等信息 简略写下启动过程: 后端部分: 1、安装好数据库,运行/doc/sql/oa.sql件 2、数据库、端口、mybatis配置在 /src/main/resources/application.yml 下 3、启动OaApplication.java 前端部分: 1、安装好node.js 2、在 /oa 件夹下,启动这个vue项目vue到后台的接口配置在 /oa/src/api/api.js 下,端口有冲突都可以改
Vue项目常见问题及解决方法包括但不限于以下几个方面: 1. 跨域问题:在Vue项目中,由于浏览器的同源策略限制,经常会遇到跨域问题。解决方法可以使用代理服务器来转发请求,或者在后端接口中设置允许跨域请求的头信息。 2. 路由问题:有时候会遇到路由跳转不成功或者参数传递错误的问题。解决方法是检查路由配置是否正确,确保路由路径和组件对应正确,同时在跳转时传递参数时要注意参数的类型和命名是否一致。 3. 组件通信问题:在Vue项目中,组件之间的通信是常见的问题。解决方法可以使用Vuex来进行状态管理,或者使用Vue的自定义事件来实现组件间的通信。 4. 性能优化问题:在大型Vue项目中,性能优化是一个重要的考虑因素。解决方法包括使用异步组件来提高首屏加载速度,使用懒加载来按需加载组件,合理使用Keep-alive缓存组件等。 5. 打包部署问题Vue项目的打包部署有时候会遇到一些问题,比如打包后件体积过大或者部署到服务器后页面空白等。解决方法可以使用Webpack进行代码优化和压缩,或者检查部署路径和服务器环境等。 综上所述,Vue项目常见问题的解决方法需要深入理解Vue的相关知识,并结合具体问题进行调试和优化。在实际开发中,理解这些问题并能够快速解决将有助于提高开发效率和项目质量。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值