Vue3在script-setup中使用ref 和类型“never”上不存在属性“resetFields”错误

<a-form ref="ruleForm">
</a-form>

<script lang="ts" setup>
import { ref } from 'vue'

const ruleForm = ref()
const formSubmit = () => {
	ruleForm.value.validate()
}
</script>

<script lang="ts" setup>
import { ref } from 'vue'
import { FormInstance } from '@arco-design/web-vue/es/form'

const ruleForm = ref<FormInstance>()
const formSubmit = () => {
	ruleForm.value.validate()
}
</script>

对于类型“never”上不存在属性“resetFields”错误

// 网上有这么一种写法
const ruleForm = ref(null)
// 此时ruleForm。value 的类型是never
// 所以就是报这个错误
// 上面两种方法都是可以避免的
const ruleForm = ref()
// 此时value的类型是any any.resetFields()是可以的
// 而第二种明确了具体类型也没有问题

你可能感兴趣的:(大前端,vue,setup,ref)