Computed property “index“ was assigned to but it has no setter错误原因分析与解决办法

最新推荐文章于 2023-05-05 11:23:25 发布
最新推荐文章于 2023-05-05 11:23:25 发布
阅读量315 收藏
点赞数
分类专栏： 问题记录 文章标签： vue.js javascript 前端 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30663059/article/details/128844483
版权

先上问题代码

<el-input-number
            v-model="index"
            :controls="false"
            disabled
            size="mini"
            style="width: 100%"
            placeholder="请输入数值"
          />
          
computed: {
    index() {
      if (this.quota.increase && this.quota.reduce) {
        return (this.quota.increase - this.quota.reduce) + 100
      }
      return 100
    }
  },

错误原因：input中使用了v-model，在计算属性生效后，会同步为index赋值一次。

解决办法：将v-model改为:value='index'解除双向绑定

qq_30663059
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
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 property “activeIndex“ was assigned to but it has no setter.
weixin_44090040的博客
08-31 2807
一个计算属性，如果没有设置 setter或者getter，当你尝试直接修改这个计算属性的值时，都会报这个错误,添加上get、set就可以了。 报错的代码： computed: { activeIndex() { return this.$store.getters.activeMenu; }, }, 优化后的代码 computed: { activeIndex: { get: function () { return this.$s.
Computed property was assigned to but it has no setter问题随记
guojixin12的博客
05-05 4128
解决方法其实很简单，组件中定义的computed属性缺少setter,使用过computed 都应该知道，该错误提示通常发生在组件内为computed属性赋值的时候，如果没有显示的声明setter，控制台则会打印如上错误。那么顺着这个方向思考，首先可以在computed中增加setter属性，但是加了以后还是会报错，因为dialogtablvisible并不是在 computed中修改的值。在methods中修改了这个属性的值。但是其他位置改变了这个值。
Computed property was assigned to but it has no setter问题解决
jieyucx的博客
03-31 4551
报这个是因为在computed中定义了某个属性，只有一个return额，而你在其他地方又对这个属性赋值了就会报这个，比如这样。
vuex报错Computed property “xxx“ was assigned to but it has no setter.
m0_37922443的博客
02-02 1685
Computed property "activeTab" was assigned to but it has no setter.
vue中watch和computed的区别与使用方法
10-14
在 Vue 中，`watch` 和 `computed` 都是用来处理数据变化的机制，但它们之间存在显著的差异和特定的使用场景。 **计算属性（Computed）** 计算属性是基于它们的响应式依赖进行缓存的。这意味着，当你在模板中使用一...
vue 解决computed修改data数据的问题
10-16
总结来说，解决 `computed` 修改 `data` 数据的问题的关键在于使用 `getter` 和 `setter`，使 `computed` 成为可写的属性。这样可以保持数据流的一致性，同时确保Vue的响应式系统正常工作。在编写Vue应用时，应遵循...
Vue中computed、methods与watch的区别总结
10-17
主要给大家介绍了关于Vue中computed、methods与watch区别的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
vue.js计算属性computed用法实例分析
10-18
主要介绍了vue.js计算属性computed用法,结合实例形式分析了vue.js使用computed方式进行属性计算的相关操作技巧,需要的朋友可以参考下
Vue 中 filter 与 computed 的区别与用法解析
10-15
在Vue中，`filter` 和 `computed` 都是用来处理数据的，但它们有着不同的应用场景和工作原理。 1. **触发时机** - **Computed Properties**：计算属性在依赖的数据发生变化时才会重新计算，Vue会跟踪其依赖关系，...
vue store获取值时报错： Computed property "active" was assigned to but it has no setter.
显磊的博客
11-16 1237
出错原因 *使用 Vant 组件库的 tabber，它在切换的时候会改变绑定的 active 的值，而 active 是从 store 中获取的值，不能直接修改。 <van-tabbar v-model="active" @change='tabChange'> <van-tabbar-item name="home" icon="home-o">首页&...
解决Computed property was assigned to but it has no setter报错问题
weixin_43773218的博客
07-06 9549
修改前代码：直接通过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 "activeTabId" was assigned to but it has no setter.
sunmeng_sunmeng的博客
12-26 2228
Computed property “activeTabId” was assigned to but it has no setter. 意思是：‘’已将计算属性“activeTabId”分配给，但它没有setter。‘’ activeTabId是通过vuex 来向模块中state取出来的，首先在 数据双向绑定的时候将 v-model=‘activeTabId’ 改为 ：value=‘ac...
Computed property “ “ was assigned to but it has no setter
真爱一生的博客
03-25 1178
计算属性调用时报图1 的警告， 提示此问题，是因为在computed 里面定义的属性 只有一个return返回。因为在其他地方进行了赋值操作，导致提示此错误！ 修改为以下代码即可 computed:{ GBFLTitle:{ get(){ return this.model.detailList[0].guobflid.title }, set(){ if(this.model.detailList[0].guobflid){ return this.model.detailList[0].guobf...
【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 ‘XX‘ was assigned to but it has no setter
Xxxxxx_q的博客
04-19 478
Computed property ‘XX‘ was assigned to but it has no setter
一步解决Computed property “xxx” was assigned to but it has no setter.报错
Hexa_H的博客
09-16 7477
超级简单一步解决Computed property "变量名" was assigned to but it has no setter.报错，其实我们只需修改该计算属性为……
前端开发：Vue报错Computed property “show“ was assigned to but it has no setter的解决方法
软贱开发攻城狮
07-10 6390
在运行Vue项目之后，浏览器控制台会提示一个警告提示，具体的警告提示信息如下所示： 通过控制台的警告提示，可以窥探一二，提示的大概意思就是虽然分配了计算属性“show”，但是它没有setter。也就是子组件中定义的计算属性缺少setter，使用过计算属性的开发者应该都明白，该警告提示通常发生在组件内给计算属性赋值的时候如果没有显示声明的setter，就会有该报错提示；在计算属性Computed中定义属性只有一个return，而且在其他地方进行了赋值操作，就导致了这个报错警告。那么分析到这里，问题就
uniapp Computed property "followList" was assigned to but it has no setter.
最新发布
04-08
然而，如果你给计算属性赋值但没有提供setter方法，就会出现"Computed property 'followList' was assigned to but it has no setter."的错误。 这个错误的原因是计算属性是只读的，不能直接给它赋值。计算属性的值...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值