vue+ts Computed property “XX“ was assigned to but it has no setter.报错

最新推荐文章于 2024-03-31 14:06:51 发布
最新推荐文章于 2024-03-31 14:06:51 发布
阅读量315 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guoying_nice/article/details/114966094
版权
本文介绍了在Vue + TypeScript项目中遇到的'Computed property “XX” was assigned to but it has no setter.'错误。该错误通常发生在尝试为Computed属性赋值而该属性没有设置器(setter)时。文章会详细讨论错误原因并提供解决方案，包括正确使用计算属性和状态管理。
摘要由CSDN通过智能技术生成

vue+ts Computed property “XX” was assigned to but it has no setter.报错

.vue 文件

  get custom_field() {
   
    return this.$store.state.vuexlist.custom_field
  }
  set custom_field(value) {
   
    this.$store.commit('vuexlist/setcustom_field', value)
  }

action.ts 文件 依据返回赋值

 // 获取列表信息
  INFO({
    commit, dispatch
最低0.47元/天 解锁文章
guoying_nice
关注
前端开发：Vue报错Computed property “show“ was assigned to but it has no setter的解决方法
软贱开发攻城狮
07-10 6705
在运行Vue项目之后，浏览器控制台会提示一个警告提示，具体的警告提示信息如下所示： 通过控制台的警告提示，可以窥探一二，提示的大概意思就是虽然分配了计算属性“show”，但是它没有setter。也就是子组件中定义的计算属性缺少setter，使用过计算属性的开发者应该都明白，该警告提示通常发生在组件内给计算属性赋值的时候如果没有显示声明的setter，就会有该报错提示；在计算属性Computed中定义属性只有一个return，而且在其他地方进行了赋值操作，就导致了这个报错警告。那么分析到这里，问题就
Computed property “XXX” was assigned to but it has no setter错误
JackieDYH的博客
06-14 2098
当你使用Vuex中state中状态时，在Vue中使用了v-model绑定数据报错 原因 组件中v-model=“XXX”，而XXX是vuex state中的某个变量 vuex中是单项流，v-model是vue中的双向绑定，但是在computed中只通过get获取参数值，没有set无法改变参数值 解决 在computed中添加get和set 将v-model改成:value ...
Computed property "xxxx" was assigned to but it has no setter
weixin_30922589的博客
06-19 932
有时候我们在运行我们的项目的时候会出现如下警告 原因：一个计算属性，如果没有设置 setter，也就是传入的是一个函数，或者传入的对象里没有 set 属性，当你尝试直接改变这个计算属性的值，都会报这个错误，计算属性默认只有getter。 解决：把computed中的route属性改成如下格式 computed: { route () { 　 // getter ...
vue3+vite+ts--computed计算属性的使用
m0_60893808的博客
05-23 2869
当改变整个testComputed时，才会触发set方法，如果testComputed是对象改变对象的某个属性的值时，不会触发set方法。当testComputed 依赖的值改变时，就会触发get方法。返回值val可以赋值给其他，不可以赋值给自己。
vue3+ts 第六章 （认识computed计算属性）
最新发布
lipenghao111的博客
03-31 1285
删除总价：{{ total }}物品</th><th>单价</th><th>数量</th><th>总价</th><th>操作
vue+ts computed中Property ‘funnelData‘ does not exist on type ‘Vue‘.问题原因及解决方法
我是我
07-14 1264
Property 'funnelData' does not exist on type 'Vue'.
解决Computed property “name“ was assigned to but it has no setter.问题
weixin_43348064的博客
09-09 2万+
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
Vue报错：Computed property “XX“ was assigned to but it has no setter.解决方法
樱井萧的博客
01-18 7129
Vue报错：Computed property “XX” was assigned to but it has no setter. 背景： 用vuex管理数据状态，state.js 中有定义 isAllChecked: false, vue的cart页面有使用vant的标签 <van-checkbox v-model="item.isCheck" :name="item.shopId"
property "totalSum" was assigned to but it has no setter.
07-17
当一个属性被赋值时，Vue会尝试调用对应的setter方法来更新数据，但是如果没有定义setter方法，就会报这个错误。 要解决这个问题，你可以为`totalSum`属性定义一个setter方法。这样，在赋值时就能正确地更新数据。 ...
重写vue的computed的get和set
weixin_38547641的博客
09-01 638
比如，有一个checkList数组，在computed中重写它的get和set computed() { checkList: { get() { //return 一个值 } set(newVal) { } } }
vue计算属性computed源码解析笔记
m0_49159526的博客
07-16 692
源码学习的笔记吧，还存在一些问题，会继续补充！ 1. 使用示例 (官网) var vm = new Vue({ data: { a: 1 }, computed: { // 计算属性的 getter // 仅读取 aDouble: function () { // `this` 指向 vm 实例 return this.a * 2 }, // 读取和设置 aPlus: { get: function () {
Computed property “name“ was assigned to but it has no setter.报错解决办法
Taurus_666
06-29 4697
Computed property "name" was assigned to but it has no setter.报错解决
Vue computed 报错：Computed property ‘ ‘ was assigned to but it has no setter 错误原因分析与解决办法
热门推荐
object not found的博客
08-15 7万+
最近在封装Vue模块时，借助Vue的Computed属性监听传递的数据，但是开发调试过程中控制台取提示。，控制台则会打印如上错误。那么顺着这个方向，继续排查错误。这种方法虽然解决了目前的问题，但是会出现一个新问题，如下。在要使用该模块数据的组件computed里添加此代码。目前不知道解决办法，有知道的小伙伴可以给我留言。都应该知道，该错误提示通常发生在组件内为。将组件计算属性里的代码注释掉（下下策）属性赋值的时候，如果没有显示的声明。根据控制台错误提示，组件中定义的。以下是我的代码user.js。...
计算属性computed和侦听属性watch有什么区别？你会使用它们吗？
zhang_hai_cheng的博客
08-29 1285
computed有缓存，是把该变量指向每次的执行结果，当响应式依赖变化时，vue会自动再次执行，而methods是把该变量指向函数，在用到的地方都会再次执行，而且当dom更新的时候，vue也会重新执行对应的方法，因此需要注意避免死循环，watch无所谓缓存不......
vue的源码学习之七——4.计算属性(computed)
路在脚下，幸福在手中，莫贪！！！！！
12-21 1767
1 介绍            版本：2.5.17          我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。        学习文档：https://ustbhuangyi.github.io/vue-analysis/reactive/computed-watcher.html 2 功能  我们知道computed实时检测属性有没有发生变化，当发...
vue核心面试题（computed的实现原理或特点）
王三六博客
06-28 3049
概念： computed是一个计算属性,类似于过滤器,对绑定到view的数据进行处理，计算属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。它用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理。 原理： 在initState的时候会初始化initComputed，默认初始化计算属性initComputed的时候会创建一个watcher（new Watcher），这个watcher有一...
Vuejs进阶知识(十七)【computed properties】
极客神殿
12-26 1447
使用Computed properties(计算得到的属性)和watchers(监听器) 很多时候，我们在页面上想要显示某个变量的值时，都需要经过一些计算， 例如： &amp;amp;lt;div id=&amp;quot;example&amp;quot;&amp;amp;gt; {% raw %}{{{% endraw %} some_string.split(',').reverse().join('-') }} &amp;amp;lt;/div&a
一步解决Computed property “xxx” was assigned to but it has no setter.报错
Hexa_H的博客
09-16 7779
超级简单一步解决Computed property "变量名" was assigned to but it has no setter.报错，其实我们只需修改该计算属性为……
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值