填写流程当前登录人可以填写除自己可填项外还可看到他前面经办人相关填写的内容,且经办人后面的不可见

需求:每个用户登录填写自己负责的input框,前面通过的后面可有看到前面填写的内容并且前面填写过的input禁用
1,现在最外层做v-if判断当前节点是否等于受理意见 或 等于经办意见。。。等等都显示受理意见这块input界面(当走到经办意见时只需要判断经办意见及后面所有值即可控制当前节点以前所有的input界面展示)
2,里层v-if判断双向数据绑定的那个值有没有,如果有那就disabled禁用掉,如果这个值没有就不写禁用正常显示
<div v-if="activity_name == '受理意见' || activity_name == '经办意见' || (activity_name == '部门审核' || activity_name == '部门领导审核' ) ||activity_name == '分管局领导审批' || activeName === 'complete' || activeName === 'BJ'">
<p>受理登记</p >
<input
type="textarea"
v-model="form1.opinion1"
v-if="form1.opinion1 !== null"
:disabled="activity_name != '受理意见' || activeName === 'complete' || activeName === 'BJ'"
></input>
<input
type="textarea"
v-model="form1.opinion1"
v-if="form1.opinion1== null"
></input>
</div>
<div v-if="activity_name == '经办意见' || (activity_name == '部门审核' || activity_name == '部门领导审核' ) ||activity_name == '分管局领导审批' || activeName === 'complete' || activeName === 'BJ'">
<p>经办意见</p >
<input
type="textarea"
v-model="form1.opinion2"
v-if="form1.opinion2 !== null"
:disabled="activity_name != '经办意见' || activeName === 'complete' || activeName === 'BJ'"
></input>
<input
type="textarea"
v-model="form1.opinion2"
v-if="form1.opinion2 == null"
></input>
</div>

原文地址:https://www.cnblogs.com/duhui/p/12864527.html