vue3(ts)类型EventTarget上不存在属性value的问题
更新时间：2024年03月24日 09:37:46 作者：Gaojuncheng112
这篇文章主要介绍了vue3(ts)类型EventTarget上不存在属性value的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue3(ts)类型“EventTarget”上不存在属性“value”
记录自己学习ts遇到的坑，帮助加强记忆。
问题
封装自定义input组件，在获取e.target.value时出现如下报错。类型“EventTarget”上不存在属性“value”
const inputFn = (e: Event) => {
const val = e.target.value
emit("update:modelValue", val)
}
原因
e.target默认为HTMLElement类型，是所有HTML元素类型的父类，不能确保身上一定有value属性。
因此需要断言成HTMLInputElement。
解决方式
const inputFn = (e: Event) => {
const val = (<HTMLInputElement>e.target).value
emit("update:modelValue", val)
}或
const inputFn = (e: Event) => {
const val = (e.target as HTMLInputElement).value
emit("update:modelValue", val)
}类型“EventTarget”上不存在属性“clientHeight”
使用ts开发时，注视事件响应函数回调函数（例如onScroll）参数为Event时，使用e.target.clientHeight等会报错：
类型“EventTarget”上不存在属性“clientHeight”。
解决方法
使用as进行类型断言
(e.target as HTMLElement).scrollHeight
例如：
onScroll={e => {
if (
(e.target as HTMLElement).scrollHeight - (e.target as HTMLElement).scrollTop <=
(e.target as HTMLElement).clientHeight
) {
getSriDetailList(true);
}
}}
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue使用Split封装通用拖拽滑动分隔面板组件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要给大家介绍了关于vue将某个组件打包成js并在其他项目使用的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考借鉴价值,需要的朋友可以参考下2023-07-07
今天小编就为大家分享一篇解决vue v-for 遍历循环时key值报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
Vue 提供了双向数据绑定机制,使得开发者可以轻松地将表单组件的值与 Vue 实例中的数据进行关联,本文将详细介绍如何在 Vue 中使用这些表单组件,并实现双向数据绑定,需要的可以参考下2024-03-03
Vue3中reactive变量重新赋值无法响应的3种处理方法
这篇文章主要给大家介绍了关于Vue3中reactive变量重新赋值无法响应的3种处理方法,在Vue3中可以使用reactive函数将一个普通对象转换为响应式对象,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了Vue3请求拦截器里如何配置token,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
这篇文章主要介绍了Vue.extend 登录注册模态框的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
这篇文章主要为大家详细介绍了vue3.0手动封装分页组件的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要为大家介绍了DataV 全屏容器组件源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要为大家详细介绍了Vue.js第四天的学习笔记，一个简单的组件示例,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
最新评论