前端使用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', '') 代表执行这个页面的哪个方法
​
这个仅仅是添加的案例，有时间再总结总结修改应该怎么写

牛逼！了不起，老子我又进步了一点