Vue form表单校验部分失效问题

在写form表单时，我们经常会碰到“通过某一个状态去控制另一个状态是否显示”，今天碰到了一个问题。就是校验失效：

首先看下我的展示逻辑：

 

因为默认值为否，所以渲染时，经度、维度、有效范围并没有渲染在页面内。当我改成“是”后，对经度、维度、有效范围的校验并没有生效。

那应该如何让它们生效呢？通过添加key值来告诉diff算法，我的页面发生了变化，这样就可以了。