我正在使用v-formVue 中的 Vuetify 使用他们的 Composition API 和<script setup>. 使用v-form的规则,我创建了一种验证用户输入的方法;但是,提交表单后,我需要清除表单的字段。当重置字段(使用空字符串)时,会触发表单规则并出现验证错误。我想访问 的v-form内置函数(例如clear());但是,我无法this.$refs.form访问<script setup>. 如何访问这些功能或仅清除表单而不在提交后触发验证规则错误?
这是到目前为止的脚本部分:
<script setup lang="ts">
import { ref, Ref } from 'vue'
import { Service } from '@/types/service'
const service: Ref<Service> = ref({ name: '', endpoint: '' })
const loading = ref(false)
const isValid = ref(true)
const register = () => {
loading.value = true
isValid.value = false
clear()
setTimeout(() => {
loading.value = false …Run Code Online (Sandbox Code Playgroud)