Vue报错：Computed property “XX“ was assigned to but it has no setter.解决方法

最新推荐文章于 2024-05-31 05:33:12 发布
最新推荐文章于 2024-05-31 05:33:12 发布
阅读量7k 收藏 4
点赞数 4
分类专栏： vue 文章标签： vue js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34250472/article/details/112765285
版权

Vue报错：Computed property “XX” was assigned to but it has no setter.

【代码背景】

  • 用vuex管理数据状态，state.js 中有定义 isAllChecked: false,
  • vue的cart页面有使用vant的标签, 提示报错Computed property “isAllChecked” was assigned to but it has no setter.
                     <van-checkbox
          			  checked-color="#1baeae"
            		 v-modele="isAllChecked"
           			 @click="checkAll"
最低0.47元/天 解锁文章
darcy24
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
前端开发：Vue报错Computed property “show“ was assigned to but it has no setter的解决方法
软贱开发攻城狮
07-10 6072
在运行Vue项目之后，浏览器控制台会提示一个警告提示，具体的警告提示信息如下所示： 通过控制台的警告提示，可以窥探一二，提示的大概意思就是虽然分配了计算属性“show”，但是它没有setter。也就是子组件中定义的计算属性缺少setter，使用过计算属性的开发者应该都明白，该警告提示通常发生在组件内给计算属性赋值的时候如果没有显示声明的setter，就会有该报错提示；在计算属性Computed中定义属性只有一个return，而且在其他地方进行了赋值操作，就导致了这个报错警告。那么分析到这里，问题就
Vue.js报错Failed to resolve filter问题的解决方法
10-22
主要介绍了Vue.js报错Failed to resolve filter问题的解决方法,需要的朋友可以参考下
vuex报错Computed property “xxx“ was assigned to but it has no setter.
m0_37922443的博客
02-02 1666
Computed property "activeTab" was assigned to but it has no setter.
解决： Computed property “fullName“ was assigned to but it has no setter.问题
m0_63797399的博客
04-28 295
问题：Computed property "fullName" was assigned to but it has no setter.报错，是说尝试给一个没有 setter 函数的计算属性赋值，这是不被允许的。给他一个set方法，即完整写法： -> 获取 + 设置。
Vue.js的计算属性（Computed Properties）艺术：超越方法（Methods）的奥秘【含代码示例】
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
05-31 1092
计算属性是基于Vue的依赖追踪系统实现的。简而言之，它是基于响应式依赖进行缓存的getter函数。当你定义了一个计算属性，Vue会在内部为你创建一个依赖项列表，并在相关依赖发生改变时自动重新计算其值。这使得计算属性在多次访问时，只要依赖未变，结果就会被缓存，大大提升了性能。Vue.js的计算属性与方法虽有异同，但掌握它们的精髓，能让你的Vue应用既高效又优雅。计算属性以其独特的缓存机制，成为处理复杂逻辑和性能优化的不二选择。但记住，没有银弹，合适的选择取决于具体场景。你在项目中是如何权衡这两者的？
Vue computed 报错：Computed property ‘ ‘ was assigned to but it has no setter 错误原因分析与解决办法
热门推荐
object not found的博客
08-15 6万+
最近在封装Vue模块时，借助Vue的Computed属性监听传递的数据，但是开发调试过程中控制台取提示。，控制台则会打印如上错误。那么顺着这个方向，继续排查错误。这种方法虽然解决了目前的问题，但是会出现一个新问题，如下。在要使用该模块数据的组件computed里添加此代码。目前不知道解决办法，有知道的小伙伴可以给我留言。都应该知道，该错误提示通常发生在组件内为。将组件计算属性里的代码注释掉（下下策）属性赋值的时候，如果没有显示的声明。根据控制台错误提示，组件中定义的。以下是我的代码user.js。...
vue 解决报错[Vue warn]: Computed property “checkAll“ was assigned to but it has no setter.
mossbaoo的博客
11-20 3728
在vue项目中使用到计算属性computed 时报错： [Vue warn]: Computed property "checkAll" was assigned to but it has no setter. 原因是： 计算属性computed ：checkAll 主动赋值了，但是它并没有定义 set 方法。 解决办法： 对该计算属性添加 get 和 set 方法 data() { return { dataList: [], } }, compu.
Computed property was assigned to but it has no setter问题随记
guojixin12的博客
05-05 4034
解决方法其实很简单，组件中定义的computed属性缺少setter,使用过computed 都应该知道，该错误提示通常发生在组件内为computed属性赋值的时候，如果没有显示的声明setter，控制台则会打印如上错误。那么顺着这个方向思考，首先可以在computed中增加setter属性，但是加了以后还是会报错，因为dialogtablvisible并不是在 computed中修改的值。在methods中修改了这个属性的值。但是其他位置改变了这个值。
Computed property was assigned to but it has no setter问题解决
jieyucx的博客
03-31 4490
报这个是因为在computed中定义了某个属性，只有一个return额，而你在其他地方又对这个属性赋值了就会报这个，比如这样。
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module....
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
在Vue.js框架中，`this.$set`是一个用于添加响应式属性的方法，它遵循Vue的依赖追踪机制，确保新添加的属性能够触发视图更新。然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
主要给大家介绍了关于Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
使用vuex数据 报错“xx“ was assigned to but it has no setter.解决
weixin_46361785的博客
04-07 1500
使用vuex数据 报错"xx" was assigned to but it has no setter.解决
解决Computed property was assigned to but it has no setter报错问题
weixin_43773218的博客
07-06 9523
修改前代码：直接通过mapgetters来获取数据，其中的ifRead是我在若依源码中添加的数据，这时候的报错就是Computed property ‘ifRead’ was assigned to but it has no setter解决办法：在computed中给ifRead添加get和set 在get中通过this.$store.state.user.ifRead来手动获取。 注意在set里也要修改vuex里面的值，不然会内存溢出报错(也是听说的...)......
一步解决Computed property “xxx” was assigned to but it has no setter.报错
Hexa_H的博客
09-16 7414
超级简单一步解决Computed property "变量名" was assigned to but it has no setter.报错，其实我们只需修改该计算属性为……
Computed property “XXX“ was assigned to but it has no setter
qq_39302650的博客
10-31 375
2.vuex中是单项流，v-model是vue中的双向绑定，在computed中只经过get获取参数值，没有set没法改变参数值。1.组件中v-model=“XXX”，而XXX是vuex state中的某个变量。2.使用mapGetters，把v-model改为:value。1.在computed中设置get和sets。
vue Computed property was assigned to but it has no setter
qq_45219069的博客
01-16 3514
vue 计算属性的 getter和setter的使用 使用背景：需要对计算属性的值在 methods的方法中修改，由于计算属性是默认有getter没有setter的，所有需要手动添加一个setter changeObj为页面绑定的一个对象（注意写法） changeObj为属性----->changeObj:{} 里面的为添加的方法------->不能使用箭头函数 get-----&gt...
[vue报错]之Computed property "XXX" was assigned to but it has no setter.
ZHXT__的博客
12-18 3280
首先定位可以知道的是: 在使用computed的时候出现的问题: 这里提示我们需要使用setter, 我也是一脸懵逼, 什么是setter, computed为什么需要setter, 和我有什么关系, 带着这个疑问我们打开vue 的官网, 毕竟遇到问题, 先看官网文档 我们发现: vue 关于 computed的说明 明确一点的是, computed中, 可以设置两个属性, 一个get , 一...
property "totalSum" was assigned to but it has no setter.
07-17
这个错误是因为在你的代码中，`totalSum`属性被赋值了但是没有定义setter方法。当一个属性被赋值时，Vue会尝试调用对应的setter方法来更新数据，但是如果没有定义setter方法，就会报这个错误。 要解决这个问题，你可以为`totalSum`属性定义一个setter方法。这样，在赋值时就能正确地更新数据。 以下是一个示例代码： ```javascript data() { return { totalSumValue: 0 } }, computed: { totalSum: { get() { return this.totalSumValue }, set(value) { this.totalSumValue = value } } }, methods: { clearTotalSum() { this.totalSum = 0 // 清空 totalSum 数据 } } ``` 在上述代码中，我使用了一个计算属性`totalSum`来代替直接访问`totalSumValue`。在计算属性中定义了getter和setter方法，分别用于获取和设置`totalSumValue`的值。这样，当你调用`this.totalSum = 0`时，会触发setter方法从而正确地更新数据。 同时，我还添加了一个`clearTotalSum`方法来清空`totalSum`数据。你可以在需要清空数据的地方调用这个方法。 希望这样能解决你的问题！如果还有其他疑问，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值