Vue3在script-setup中使用ref 和类型“never”上不存在属性“resetFields”错误
<a-form ref="ruleForm"></a-form><script setup>import { ref } from 'vue'const ruleForm = ref()const formSubmit = () => {ruleForm.value.validate()}</script><script lang="ts
·
<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()是可以的
// 而第二种明确了具体类型也没有问题
更多推荐
已为社区贡献1条内容
所有评论(0)