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

最新推荐文章于 2025-05-15 22:46:52 发布
原创 最新推荐文章于 2025-05-15 22:46:52 发布 · 431 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文介绍了在Vue + TypeScript项目中遇到的'Computed property “XX” was assigned to but it has no setter.'错误。该错误通常发生在尝试为Computed属性赋值而该属性没有设置器(setter)时。文章会详细讨论错误原因并提供解决方案，包括正确使用计算属性和状态管理。

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
最低0.47元/天 解锁文章
guoying_nice
关注
前端开发：Vue报错Computed property “show“ was assigned to but it has no setter的解决方法
全沾软贱开发攻城狮
07-10 1万+
在运行Vue项目之后，浏览器控制台会提示一个警告提示，具体的警告提示信息如下所示： 通过控制台的警告提示，可以窥探一二，提示的大概意思就是虽然分配了计算属性“show”，但是它没有setter。也就是子组件中定义的计算属性缺少setter，使用过计算属性的开发者应该都明白，该警告提示通常发生在组件内给计算属性赋值的时候如果没有显示声明的setter，就会有该报错提示；在计算属性Computed中定义属性只有一个return，而且在其他地方进行了赋值操作，就导致了这个报错警告。那么分析到这里，问题就
【error】vue-cli3 报Computed property “tableData” was assigned to but it has no setter.
mao_mao37的博客
07-31 4346
对于vuex，使用getter获取state数据，并绑定到组件上，是很常规的操作 但是在严格模式下，在属于vuex的state上使用v-model这种需要双向绑定的数据类型，单单使用getter就会报错： Computed property “searchWebName” was assigned to but it has no setter. 错误代码如下： <!--vue--...
Computed property "xxxx" was assigned to but it has no setter
weixin_30922589的博客
06-19 979
有时候我们在运行我们的项目的时候会出现如下警告 原因：一个计算属性，如果没有设置 setter，也就是传入的是一个函数，或者传入的对象里没有 set 属性，当你尝试直接改变这个计算属性的值，都会报这个错误，计算属性默认只有getter。 解决：把computed中的route属性改成如下格式 computed: { route () { 　 // getter ...
vue计算属性computed源码解析笔记
m0_49159526的博客
07-16 859
源码学习的笔记吧，还存在一些问题，会继续补充！ 1. 使用示例 (官网) var vm = new Vue({ data: { a: 1 }, computed: { // 计算属性的 getter // 仅读取 aDouble: function () { // `this` 指向 vm 实例 return this.a * 2 }, // 读取和设置 aPlus: { get: function () {
Vue computed 报错：Computed property ‘ ‘ was assigned to but it has no setter 错误原因分析与解决办法
热门推荐
object not found的博客
08-15 7万+
最近在封装Vue模块时，借助Vue的Computed属性监听传递的数据，但是开发调试过程中控制台取提示。，控制台则会打印如上错误。那么顺着这个方向，继续排查错误。这种方法虽然解决了目前的问题，但是会出现一个新问题，如下。在要使用该模块数据的组件computed里添加此代码。目前不知道解决办法，有知道的小伙伴可以给我留言。都应该知道，该错误提示通常发生在组件内为。将组件计算属性里的代码注释掉（下下策）属性赋值的时候，如果没有显示的声明。根据控制台错误提示，组件中定义的。以下是我的代码user.js。...
vue3+vite+ts--computed计算属性的使用
m0_60893808的博客
05-23 3653
当改变整个testComputed时，才会触发set方法，如果testComputed是对象改变对象的某个属性的值时，不会触发set方法。当testComputed 依赖的值改变时，就会触发get方法。返回值val可以赋值给其他，不可以赋值给自己。
vue3+ts 第六章 （认识computed计算属性）
lipenghao111的博客
03-31 1868
删除总价：{{ total }}物品</th><th>单价</th><th>数量</th><th>总价</th><th>操作
Vuex：Computed property “xxx“ was assigned to but it has no setter.
u010234868的专栏
07-09 2304
Vuex：Computed property "xxx" was assigned to but it has no setter.
Computed property “xxx“ was assigned to but it has no setter.
芳草萋萋鹦鹉洲哦
05-12 9020
Computed property “xxx” was assigned to but it has nosetter：计算属性“inputValue”被赋值，但它没有setter。 原因： 组件中v-model=“XXX”，而XXX是vuex state中的某个变量 vuex中是单项流，v-model是vue中的双向绑定，但是在computed中只通过get获取参数值，没有set无法改变参数值 解决： vuex公共变量：在computed中添加get和set computed: { /.
vue+ts computed中Property ‘funnelData‘ does not exist on type ‘Vue‘.问题原因及解决方法
我是我
07-14 1346
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的get和set
weixin_38547641的博客
09-01 723
比如，有一个checkList数组，在computed中重写它的get和set computed() { checkList: { get() { //return 一个值 } set(newVal) { } } }
解决： Computed property “fullName“ was assigned to but it has no setter.问题
m0_63797399的博客
04-28 2113
问题：Computed property "fullName" was assigned to but it has no setter.报错，是说尝试给一个没有 setter 函数的计算属性赋值，这是不被允许的。给他一个set方法，即完整写法： -> 获取 + 设置。
Computed property “name“ was assigned to but it has no setter.报错解决办法
Taurus_666
06-29 5330
Computed property "name" was assigned to but it has no setter.报错解决
计算属性computed和侦听属性watch有什么区别？你会使用它们吗？
zhang_hai_cheng的博客
08-29 1428
computed有缓存，是把该变量指向每次的执行结果，当响应式依赖变化时，vue会自动再次执行，而methods是把该变量指向函数，在用到的地方都会再次执行，而且当dom更新的时候，vue也会重新执行对应的方法，因此需要注意避免死循环，watch无所谓缓存不......
vue的源码学习之七——4.计算属性(computed)
路在脚下，幸福在手中，莫贪！！！！！
12-21 1845
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 3235
概念： computed是一个计算属性,类似于过滤器,对绑定到view的数据进行处理，计算属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。它用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理。 原理： 在initState的时候会初始化initComputed，默认初始化计算属性initComputed的时候会创建一个watcher（new Watcher），这个watcher有一...
解决 “Computed property was assigned to but it has no setter“ 警告
weixin_43177080的博客
05-15 2141
在Vue.js中，当你尝试修改一个仅定义了getter方法的计算属性时，会触发错误。这是因为计算属性默认只有getter，没有setter。要解决这个问题，你可以采取以下方法：1. 为计算属性添加setter方法，允许双向绑定；2. 如果属性不需要复杂计算，可以改用data属性；3. 使用方法来处理值的变更。最佳实践是，如果需要双向绑定，使用带有getter/setter的计算属性，并配合.sync修饰符或v-model使用。如果只是本地状态，使用data属性；需要复杂操作时，使用方法。通过这些方法，可以安
Vuejs进阶知识(十七)【computed properties】
极客神殿
12-26 1595
使用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 “fuComputed property “fullName“ was assigned to but it has no setter.问题llName“ was assigned to but it has no setter.问题
最新发布
08-08
我们正在讨论Vue.js中计算属性（computed property）的问题，具体是当尝试给计算属性fullName赋值时出现错误，提示"computed property fullName assigned to but has no setter"。 这个错误的原因是：计算属性默认...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值