vue中编辑的时候变成input框，取消编辑因为双向绑定值也修改了，如何还是原来的

Question

<td v-if="!editorStatus">{{ register_bussiness }}</td>
<td v-else class="registrar" ><el-input v-model="register_bussiness" /></td>

刚开始 editorStatus = false
点击编辑后editorStatus = true
有一个确定和取消按钮。现在在input里面输入值，点击取消后<td v-if="!editorStatus">{{ register_bussiness }}</td>里面的值也改变。点取消想要还是初始值

Answer 1

文本用一个值表示（register_bussiness），input用另一个（register_bussiness1），确定时候register_bussiness=register_bussiness1，取消register_bussiness1=register_bussiness