input设置v-if控制显示隐藏 显示时表单没有校验
时间: 2023-10-08 13:05:35 浏览: 141
vue.js使用v-if实现显示与隐藏功能示例
这个问题可能是因为当 `v-if` 条件为 `false` 时,表单没有被渲染,所以表单校验规则也没有被应用。你可以尝试使用 `v-show` 条件来代替 `v-if` 条件,因为 `v-show` 只是简单地控制元素的显示和隐藏,而不会对元素进行销毁和重新创建,这样你的表单校验规则就可以一直存在。
如果你必须使用 `v-if` 条件,可以在条件为 `true` 时手动触发表单的校验规则,例如在 `mounted` 钩子函数中调用 `this.$refs.form.validate()` 方法。这样可以确保在表单被渲染时也会应用校验规则。
阅读全文