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)
}

vue3(ts)类型“EventTarget”上不存在属性“value”,前端,vue.js

 

二、原因:

e.target默认为HTMLElement类型,是所有HTML元素类型的父类,不能确保身上一定有value属性。因此需要断言成HTMLInputElement。

三、解决方式:

const inputFn = (e: Event) => {
    const val = (<HTMLInputElement>e.target).value
    emit("update:modelValue", val)
}

文章来源地址https://www.toymoban.com/news/detail-516858.html

const inputFn = (e: Event) => {
    const val = (e.target as HTMLInputElement).value
    emit("update:modelValue", val)
}

到了这里,关于vue3(ts)类型“EventTarget”上不存在属性“value”的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue3+TS报错:不能将类型“unknown”分配给类型“string”(TS)

    vue3 + TS 项目中,编写路由文件使用 路由守卫 更改页面标题报错 TS 有更严格的代码检查,当赋值的变量类型不正确时即报错, 可以将鼠标移动到变量上查看类型 可以清楚看到 两个类型,一个是 string ,一个是 unknown ,故报错   可以通过 类型断言 或者 类型判断 进行处理

    2024年02月15日
    浏览(41)
  • Vue3通透教程【十二】TS类型声明优势

    专栏介绍: 凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章,应粉丝要求开始更新 Vue3 的相关技术文章,Vue 框架目前的地位大家应该都晓得,所谓三大框架使用人数最多,公司选型最多的框架,凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因,和 Vue 框架相比其

    2023年04月20日
    浏览(42)
  • Vue3通透教程【十三】TS简单类型详解

    专栏介绍: 凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章,应粉丝要求开始更新 Vue3 的相关技术文章,Vue 框架目前的地位大家应该都晓得,所谓三大框架使用人数最多,公司选型最多的框架,凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因,和 Vue 框架相比其

    2024年02月05日
    浏览(43)
  • Vue3通透教程【十四】TS复杂类型详解(一)

    专栏介绍: 凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章,应粉丝要求开始更新 Vue3 的相关技术文章,Vue 框架目前的地位大家应该都晓得,所谓三大框架使用人数最多,公司选型最多的框架,凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因,和 Vue 框架相比其

    2024年02月02日
    浏览(59)
  • vue3.2+ts错误:找不到模块“./App.vue”或其相应的类型声明。ts(2307)

    vue3.2+ts错误:找不到模块“./App.vue”或其相应的类型声明。ts(2307)   解决方法: 在项目根目录创建 env.d.ts 文件(如果已有,则在文件中追加),加入以下内容: 报错原因: 未定义 .vue文件的类型,导致 ts 无法解析其类型,在env.d.ts中定义后即可解决。

    2024年02月11日
    浏览(54)
  • Vue3通透教程【十八】TS为组件的props标注类型

    专栏介绍: 凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章,应粉丝要求开始更新 Vue3 的相关技术文章,Vue 框架目前的地位大家应该都晓得,所谓三大框架使用人数最多,公司选型最多的框架,凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因,和 Vue 框架相比其

    2024年02月16日
    浏览(38)
  • 何为 Vue3 组件标注 TS 类型,看这篇文章就够了!

    要说今年最热门的前端技术,Vue3 和 TS 绝对榜上有名了。今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴,一起学起来吧! 使用 script setup 当使用 script setup 时, defineProps() 宏函数支持从它的参数中推导类型: 这被称为

    2023年04月08日
    浏览(34)
  • vue3加ts出现 --找不到模块“@/views/HomeView.vue”或其相应的类型声明。

    今天在尝试用vite+vue3+ts+pinia创建项目,结果刚上来就遇到这么一个问题, 屎壳郎它不咬人,他恶心人呀😒,身为强迫症的我受不了!!! 出现这个问题的原因大概就是:ts只支持导出导入模块,但是vue不是模块,我们需要申明一下vue是个模块,你ts可以导入, 问题解决方法

    2024年02月16日
    浏览(48)
  • vue3+ts报错:无法找到模块“xxx.vue“的声明文件,xxx隐式拥有“any“类型

    1、报错原因:typescript不能识别.vue文件 2、解决方法: 可以在vite-env.d.ts中添加以下代码,如果没有 vite-env.d.ts ,可以自己新建一个 xxx.d.ts 类型的文件即可 创建好项目之后一直报错,搜索解决掉了,自己整理所用,原文链接:vue3+ts报错解决:无法找到模块“xxx.vue”的声明文

    2024年01月21日
    浏览(47)
  • vue3+ts+element-plus实际开发之导出表格和不同类型之间相互赋值

    1. 安装依赖 npm run xlsx 2. 引入,import * as XLSX from “xlsx”; 3. 报错找不到模块“xlsx”或其相应的类型声明 修改成大写就好了 import * as XLSX from \\\'XLSX\\\' ,如果没有报提示就直接用 4. 使用导出文件 //---- 导出表 1. 直接用a标签下载 鼠标移入样式,点击自动下载 2. 有特殊数据需要解析

    2024年02月15日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包