vue3+ts 使用parseInt报错Argument of type ‘number‘ is not assignable to parameter of type ‘string‘.

这篇具有很好参考价值的文章主要介绍了vue3+ts 使用parseInt报错Argument of type ‘number‘ is not assignable to parameter of type ‘string‘.。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

场景

在之前习惯使用javascript开发的时候,直接使用parseInt将数字转为整数。而在使用typescript开发时,却出现了报错。
报错内容:Argument of type 'number' is not assignable to parameter of type 'string'.

报错原因

parseInt(string, radix) 函数解析字符串并返回整数。第一个参数为要解析的字符串,第二个参数为要转换的进制基数,默认为十进制。
javascript里会自动对参数进行隐式转换,因此使用parseInt(100)并不会报错,而typescript时报错了。

解决方案

1、toString转为字符串

const data = parseInt((Math.random() * num).toString());

2、使用Math.floor()方法

const data = parseInt(Math.floor((Math.random() * num)));

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

到了这里,关于vue3+ts 使用parseInt报错Argument of type ‘number‘ is not assignable to parameter of type ‘string‘.的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Vue CLI系列之Syntax Error: Thread Loader (Worker 4) The “from“ argument must be of type string. Receive

    Syntax Error: Thread Loader (Worker 4) The “from” argument must be of type string. Received undefined vue-cli 使用 wokrer-loader 加载 web woker 时,使用 npm run build 有很大机率会打包失败,报错如上。 thread-loader 与worker-loader有冲突。 vue.config.js 配置 parallel: false 。构建正式环境关闭thread-loader。 如果你感

    2024年02月15日
    浏览(45)
  • navie表单验证rules使用type: ‘number‘报错的问题

    rules检验,使用type: \\\'number\\\'时,rules报错,提示索引签名不兼容: 解决方法:在rules定义的时候设置其类型为FormRules

    2024年02月11日
    浏览(49)
  • vue3 vite ts引入vue文件报错 ts(2307)

    vue3 vite ts 生成的项目模板,在ts文件中引入vue文件报错 ts(2307),只是ts报错,并不影响项目运行。 官方文档有说明:http://vue.dragonlm.com/guide/typescript/overview.html#ide-support 解决方法是安装插件,之后即可正常解析路径,并可以跳转到对应文件。 TypeScript Vue Plugin (Volar)

    2024年02月16日
    浏览(57)
  • [VUE]报错: Invalid prop: type check failed for prop “value“. Expected String, Number, got Array found

    控制台报错:[Vue warn]: Invalid prop: type check failed for prop \\\"value\\\". Expected String, Number, got Array found in。 错误翻译:属性无效:属性“值”的类型检查失败。应为字符串,数字,在中找到了数组。  查找了报错相关文件,最终查出了问题所在,将数据类型写成了数组型。 将 改为 就

    2024年02月06日
    浏览(48)
  • 【vue3+ts】TypeError: Cannot read properties of undefined (reading ‘commit‘)

    vue3组合式api中使用store.commit报错,提示: 打印store的值,显示undefined。 经排查, const store = useStore() 不能写在setup函数的函数内部,应该就写在setup下。useStore这个方法的调用位置是有要求的,它只能在setup函数中调用,这是它的语法规定。 组合式API中使用vuex文档:官网

    2024年02月15日
    浏览(54)
  • vue3+ts打包报错处理

    打包报错 但是npm run dev 是运行正常的 经过一番搜索之后,这个错误是比较难搜索到的 注意看package.json 中的vue-tsc --noEmit 删掉就可以了 { “name”: “vuevitec”, “version”: “0.0.0”, “scripts”: { “dev”: “vite”, “build”: “vue-tsc --noEmit vite build”, “preview”: “vite preview” },

    2024年01月18日
    浏览(68)
  • Leetcode 3016. Minimum Number of Pushes to Type Word II

    Leetcode 3016. Minimum Number of Pushes to Type Word II 1. 解题思路 2. 代码实现 题目链接:3016. Minimum Number of Pushes to Type Word II 这道题的话思路其实还是蛮简单的,显然我们的目的是要令对给定的word在键盘上敲击的次数最小。 因此,我们只需要对单词当中按照字符的频次进行倒序排列,

    2024年01月22日
    浏览(49)
  • vue3+ ts ts语法在script写不知道为啥一直报错

    在vue3页面中写ts语法 发现识别不了 一直报错 1.出现这种问题的话,首先查看自己写的有没有问题,没有问题的话 2.再查看 script里边有没有写 lang=\\\"ts\\\" 解析 setup: 是vue3在单文件组件 (SFC) 中使用 composition api 的编译时语法糖。 lang=\\\"ts\\\" :表示你的代码将是 TypeScript 语法

    2024年02月11日
    浏览(35)
  • vue3+TS报错:不能将类型“unknown”分配给类型“string”(TS)

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

    2024年02月15日
    浏览(40)
  • vue3+ts中使用mitt跨组件通信报错:没有与此调用匹配的重载。handler: WildcardHandler<Record<EventType, unknown>>

    报错内容如下图: mitt代码的使用方式: mittBus.js文件: 经过多方资料查阅,总结出问题出现的原因是ts中的类型推断异常 。mittBus的参数无法推断出来。 如果使用的是最新的 mitt@3.0.0 版本,在ts中使用mitt时需要添加类型注解,去官网查阅使用方式如下: Usage : 1、Set “stri

    2023年04月22日
    浏览(95)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包