小编Bra*_*enK的帖子

如何使用 <script setup> 中的 Composition API 访问 VueJS 中的 Vuetify v-form ref?

我正在使用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)

typescript vue.js vuetify.js vuejs3 vuetifyjs3

7
推荐指数
1
解决办法
4353
查看次数

标签 统计

typescript ×1

vue.js ×1

vuejs3 ×1

vuetify.js ×1

vuetifyjs3 ×1