前端开发：Vue报错Computed property “show“ was assigned to but it has no setter的解决方法

最新推荐文章于 2024-04-28 15:59:17 发布
置顶 最新推荐文章于 2024-04-28 15:59:17 发布
阅读量6.6k 收藏 5
点赞数 4
分类专栏： 大前端开发常识 文章标签： vue.js javascript 前端
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/CC1991_/article/details/125712745
版权
大前端开发常识 专栏收录该内容
94 篇文章 5 订阅 ¥159.90 ¥299.90
订阅专栏
本文介绍了在Vue开发中遇到的Computed property 'show' was assigned to but it has no setter警告的解决过程。错误源于在计算属性中没有声明setter。解决方法是在计算属性声明时添加setter，或者根据业务需求在setter中添加相应逻辑。对于Vue初学者，理解并掌握这个问题的解决方案是必要的。
摘要由CSDN通过智能技术生成

前言

在前端开发中，使用Vue的时候关于组件使用是非常常见的操作，而且也会遇到各式各样的问题，尤其是刚接触前端开发的开发者。本篇博文分享一下在封装关于Vue的组件的时候，通过计算属性监听父子组件传值提示警告的问题，即：Computed property "show" was assigned to but it has no setter错误。那么接下来就来介绍一下该提示警告的解决方法，记录一下，方便查阅使用。

报错提示

在运行Vue项目之后，浏览器控制台会提示一个警告提示，具体的警告提示信息如下所示：

[Vue warn]: Computed property "show" was assigned to but it has no setter.


found in

---> <MaintDialog> at src/pro/nt/components/MaintDialog.vue

       <ProDils> at src/pro/nt/views/ProDils.vue

         <App> at src/App.vue

           <Root>

了解本专栏 订阅专栏 解锁全文
三掌柜666
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
订阅专栏
[Vue] Computed property "XXX" was assigned to but it has no setter.
weixin_34090562的博客
05-07 3万+
项目过程中经常遇到如下问题： [Vue warn]: Computed property "CurrentStep" was assigned to but it has no setter. 意思是：计算属性 CurrentStep 被赋值了，但此它并未定义 set方法 ，故出现上面错误提示。 vue官网中关于计算属性的示例是这样的: var vm = new Vue({ data: { a...
Vue computed 报错：Computed property ‘ ‘ was assigned to but it has no setter 错误原因分析与解决办法
热门推荐
object not found的博客
08-15 7万+
最近在封装Vue模块时，借助Vue的Computed属性监听传递的数据，但是开发调试过程中控制台取提示。，控制台则会打印如上错误。那么顺着这个方向，继续排查错误。这种方法虽然解决了目前的问题，但是会出现一个新问题，如下。在要使用该模块数据的组件computed里添加此代码。目前不知道解决办法，有知道的小伙伴可以给我留言。都应该知道，该错误提示通常发生在组件内为。将组件计算属性里的代码注释掉（下下策）属性赋值的时候，如果没有显示的声明。根据控制台错误提示，组件中定义的。以下是我的代码user.js。...
vue报错：was assigned to but it has no setter
周金鱼啊
08-10 2万+
v-model最基础的用法是在data中声明，再进行绑定 data(){ return { value: 5 } } 但是当需要的value是动态的，或者是vuex中对象的值、或是父组件中传入的变量值， 严格模式中直接修改会抛出一个错误：...was assigned to but it has no setter 解决方案： 官方文档中给出了解决办法：https://vuex.vuejs.org/zh/guide/forms.html 使用带有se
(vue) 解决Computed property “name“ was assigned to but it has no setter.问题
nyf_unknow的博客
06-29 1082
(vue) 解决Computed property “name“ was assigned to but it has no setter.问题
解决： Computed property “fullName“ was assigned to but it has no setter.问题
最新发布
m0_63797399的博客
04-28 586
问题：Computed property "fullName" was assigned to but it has no setter.报错，是说尝试给一个没有 setter 函数的计算属性赋值，这是不被允许的。给他一个set方法，即完整写法： -> 获取 + 设置。
【Bug日志】Vue computed 报错：Computed property was assigned to but it has no setter 错误原因分析与解决办法
云间月
10-14 1万+
【Bug日志】Vue computed 报错：Computed property was assigned to but it has no setter 错误原因分析与解决办法 错误描述 最近在封装Vue组件时，借助Vue的Computed属性监听父组件传递到子组件的数据，但是开发调试过程中控制台取提示Computed property was assigned to but it has no setter 错误。控制台报错如下： 错误分析 根据控制台错误提示，组件中定义的computed属性缺少se
解决Computed property “name“ was assigned to but it has no setter.问题
weixin_43348064的博客
09-09 2万+
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
Computed property was assigned to but it has no setter
胡聊前端的博客
02-19 1678
Vue中，计算属性默认只有getter，如果你在代码中尝试给你计算属性赋值(需要setter)，那么就会有如上的错误，即计算属性相当于是只读的。 // 以下计算属性只用getter。即只能读取foo computed: { foo() { return 'hello' + this.bar; } } // 尝试给foo赋值，会给出Computed property "foo" was assigned to but it has no setter this.foo = 'hello baz';
使用vuex数据 报错“xx“ was assigned to but it has no setter.解决
weixin_46361785的博客
04-07 1631
使用vuex数据 报错"xx" was assigned to but it has no setter.解决
一步解决Computed property “xxx” was assigned to but it has no setter.报错
Hexa_H的博客
09-16 7593
超级简单一步解决Computed property "变量名" was assigned to but it has no setter.报错，其实我们只需修改该计算属性为……
Vue报错：Computed property “XX“ was assigned to but it has no setter.解决方法
樱井萧的博客
01-18 7105
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"
vue+ts Computed property “XX“ was assigned to but it has no setter.报错
guoying_nice的博客
03-18 307
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
Computed property “XXX” was assigned to but it has no setter错误
JackieDYH的博客
06-14 2079
当你使用Vuex中state中状态时，在Vue中使用了v-model绑定数据报错 原因 组件中v-model=“XXX”，而XXX是vuex state中的某个变量 vuex中是单项流，v-model是vue中的双向绑定，但是在computed中只通过get获取参数值，没有set无法改变参数值 解决 在computed中添加get和set 将v-model改成:value ...
property "totalSum" was assigned to but it has no setter.
07-17
当一个属性被赋值时，Vue会尝试调用对应的setter方法来更新数据，但是如果没有定义setter方法，就会报这个错误。 要解决这个问题，你可以为`totalSum`属性定义一个setter方法。这样，在赋值时就能正确地更新数据。 ...
Computed property “xxx“ was assigned to but it has no setter.
芳草萋萋鹦鹉洲哦
05-12 7962
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: { /.
property “nickName“ was assigned to but it has no setter.
weixin_43118088的博客
05-29 382
在做uniapp的時候,为了方便保存登陆信息，我把数据存在vuex和stanger里面 在其他页面获取的时候我用的计算属性，watch里面我没拿到，一开始的映入方式是这样的 import { mapState } from 'vuex'; computed: { ...mapState(['userId','nickName','avatarUrl']) }, [Vue warn]: Computed property "nickName" was assigned to but i
vue 报错：Computed property “marginalContribution“ was assigned to but it has no setter
qq_39425322的博客
04-15 175
错误例子： methods: { A: function () { return "hello" + this.name; }, B: function () { return this.A; }, } 以上写法使用vue计算属性computed依赖于另一个computed，该写法会在浏览器控制台报错提示Computed property "A" was assigned to but it has no setter 当存在...
Computed property “name“ was assigned to but it has no setter.报错解决办法
Taurus_666
06-29 4624
Computed property "name" was assigned to but it has no setter.报错解决
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三掌柜666

如果对您有所帮助，请支持一下呗

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值