前端使用v-if判断,后端会返回当前的状态,假设这个判断条件是判断lockStatus为0还是为1,当lockStatus=0时展示可编辑的页面,当lockStatus=1时展示不可编辑的页面
后端会进行这样一种判断
if(lockStatus = 0){
lockStatus = 1
}else{
lockStatus = 0
}
简单的前端实现是不通用的,需要做到刷新页面也还能保持锁定或者非锁定的状态
在后端是指一个简单的update语句,需要id和lockversion来个参数
52
在使用 v-if判断时,使用vue双向绑定的数据时不要加this
错误实例:v-if="this.lockversion == 0"
正确实例:v-if="lockversion == 0"
1、要是用一个组件首先要注册这个组件
components: { DatashowReportForm, BpmsAcquisitionReportForm //这是本次需要添加的目标页面 }
2、注册完组件以后要引入这个.vue文件
import DatashowReportForm from './DatashowReportForm' import BpmsAcquisitionReportForm from '../../dataacquistion/version/BpmsAcquisitionVersionForm' import DatashowReportService from '@/api/datashow/show/DatashowReportService' import BpmsAcquisitionReportService from '@/api/dataacquistion/report/BpmsAcquisitionReportService' 在scrpit标签的最顶上进行引入
因为仅仅引入页面的vue还是不够的,还要引入封装了页面操作的js文件
3、引入并使用js文件
import DatashowReportService from '@/api/datashow/show/DatashowReportService' import BpmsAcquisitionReportService from '@/api/dataacquistion/report/BpmsAcquisitionReportService' 上面是引入js文件 接下来要现在data中绑定对象 datashowReportService: null, bpmsAcquisitionReportService: null, 然后再在created方法中进行创建对象 created() { this.datashowReportService = new DatashowReportService() this.bpmsAcquisitionReportService = new BpmsAcquisitionReportService() },
4、调用这个页面和这个也页面的方法
首先需要在template 的 div 中加入这么一句话
<BpmsAcquisitionReportForm ref="bpmsAcquisitionReportForm"></BpmsAcquisitionReportForm> 我认为这东西应该是router-link的另一种使用方式 ref 代表这东西是什么 即 created()时创建的对象
5、然后页面上会有一个点击按钮会触发一个事件,这个事件里面应该这么写:
addversion () { this.$refs.bpmsAcquisitionReportForm.init('add', '') }, this.$refs 应该是封装的路由对象 bpmsAcquisitionReportForm 代表跳转到哪个页面 init('add', '') 代表执行这个页面的哪个方法 这个仅仅是添加的案例,有时间再总结总结修改应该怎么写
牛逼!了不起,老子我又进步了一点