首页 > 其他分享 >Vue3报错:已声明“upperName”,但从未读取其值。ts-plugin(6133)

Vue3报错:已声明“upperName”,但从未读取其值。ts-plugin(6133)

时间:2024-05-18 21:09:40浏览次数:22  
标签:upperName name plugin ts state 报错

Vue3报错:已声明“upperName”,但从未读取其值。ts-plugin(6133)

报错显示:

类型“StoreToRefs<Store<"count", { sum: number; name: string; address: string; }, {}, { increment(value: number): void; }>>”上不存在属性“upperName”。ts-plugin(2339)

相关代码:

vue文件:

const {sum,name,address,enlargeSum,upperName} = storeToRefs(countStore)

ts文件:

getters:{
		enlargeSum:state => state.sum*10,
		upperName(state){
            return this.name.toUpperCase()
        }
}

代码解释及报错原因:

我是在定义一个对象的 getters 属性,包含了 enlargeSum 和 upperName 两个函数,我在 upperName 函数中使用了 this.name.toUpperCase() 来获取 name 属性的大写形式。然而 state 参数是作为第一个参数传入的,并不支持通过this来访问属性

解决方案:

应该使用第一个参数来访问 state ,而不是通过 this

把this改为state就不报错啦

return state.name.toUpperCase()

标签:upperName,name,plugin,ts,state,报错
From: https://www.cnblogs.com/sharenotes/p/18199768

相关文章

  • restcontroller中使用delete请求发送带参路径报错
    报错内容:Resolved[org.springframework.web.HttpRequestMethodNotSupportedException:Requestmethod'DELETE'notsupported]具体情景:postman中发送的路径: 每次用这个路径发送delete请求都报错,但是用这个路径发送get请求做查询却没问题,真的让我苦恼好久 解决:因为HttpC......
  • 安装vue/cli报错问题解决
    在管理员终端中输入命令:npmi-g@vue/cli错误原因证书已过期,需要安装淘宝镜像npmconfigsetregistryhttps://registry.npmmirror.com使用cnpm安装脚手架报错cnpmi-g@vue/cli 这个错误表明你尝试执行的 cnpm 命令无法加载,因为PowerShell策略不允许执......
  • (报错)ROS2:WARNING:colcon.colcon_core.package_selection:ignoring unknown package
    在使用colcon编译时,如果直接对所有包编译colconbuild则不会有问题,但是针对单独某个包编译colconbuild--packages-select<pkg>则报错WARNING:colcon.colcon_core.package_selection:ignoringunknownpackagegg了一下找到了问题参考:https://unix.stackexchange.co......
  • [plugin:vite:import-analysis] Failed to resolve import "qs" from "src/utils/tang
    [plugin:vite:import-analysis]Failedtoresolveimport"qs"from"src/utils/tangRequest.ts".Doesthefileexist?这个报错是由Vite插件产生的,提示无法从指定路径 src/utils/ 解析导入 qs。qs 是一个常用的查询字符串解析库,通常用于处理URL的查询参数。可能的原......
  • 将图片上传到七牛云会报错error=incorrect region, please use up-z2.qiniu.com
    报错代码:{ResponseInfo:com.qiniu.http.Response@377fbcac,status:400,reqId:e6sAAAAKAlyhUDwW,xlog:X-Log,xvia:,adress:up.qiniu.com/115.238.101.32:80,duration:0.000000s,error:incorrectregion,pleaseuseup-z2.qiniup.com}{"error":"incorrect......
  • obsidian_plugins_settings
    settingsAdmonitionstitle:settingexample代码块类型:ad-{type}type对应表|Type|Aliases||---|---||note|note,seealso||abstract|abstract,summary,tldr||info|info,todo||tip|tip,hint,important||success|success,check,done||question|question,......
  • k8s安装网络组件calico报错Init:ImagePullBackOff
    问题:安装网络组件calico报错Init:ImagePullBackOff[root@k8s-master15:33:08~/kubernets]#kubectlgetpods-nkube-systemNAMEREADYSTATUSRESTARTSAGEcalico-kube-controllers......
  • npm install 报错
    一问题npminstall报错 二解决看报错提示内容"thiscommandwith--forceor--legacy-peer-deps"命令改成这样:npminstall--force  三备注npmERR!codeERESOLVEnpmERR!ERESOLVEunabletoresolvedependencytreenpmERR!npmERR!Whileresolving:vue......
  • 记一次k8s etcd报错Unhealthy
    使用命令某个节点ectd不健康#kubectlgetcsNAMESTATUSMESSAGEERRORcontroller-managerHealthy......
  • 日志报错监控,nodejs实现服务器日志监控,发现指定错误,发送到微信群
    nohupnodelog2.js>log_output.log2>&1&constfs=require('fs');constrequest=require('request');constschedule=require('node-schedule');constmoment=require("moment-timezone");constl......