Vue报错[Vue warn]: Error in render: “TypeError: “checkedCount“ is read-only“

最新推荐文章于 2024-01-18 14:20:37 发布
最新推荐文章于 2024-01-18 14:20:37 发布
阅读量4k 收藏 4
点赞数 6
分类专栏： Vue Web前端 分享一下我的心得 文章标签： bug vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47339511/article/details/114939176
版权

在这里插入图片描述

写vue时报出这样一个错误，某个东西是只读的；
报错原因：我在用一个变量的时候，我居然是用const声明的，真不细心。声明变量用let，常量用const；

复习一下let和const：
1.let
（1）不存在变量提升（必须先声明后使用），声明的变量只在所处的块级内有效
（2）暂时性死区
（3）变量不能重复声明
（4）不影响作用域链
2.const
（1）声明常量（一般大写），并且一定要赋初始值
（2）同一个作用域内常量值不可以修改
（3）块级作用域
（4）对于数组和对象的元素修改，不算作对常量的修改，不报错（这是因为常量所指向的内存地址没有发生变化）以后声明数组和对象用const较好

Lsx-codeShare
关注
  • 6
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue学习——Uncaught TypeError: “i“ is read-only
d347091231的博客
08-24 3106
Vue中想要写for循环，但发现会报错：解决方案：不用 const 定义 i ，使用 let 定义 const delete= () =>{ console.log('批量删除执行...') const batchLength = pageHelper.selectRecords.length for( const i=0 ; i < batchLength ; i++ ){ console.log(pageHelper.select
vue3中报错，“xxx“ is read-only
m0_57013518的博客
03-16 1042
结果最后发现，写太多const data=reactive({})，不会用ref了，更改ceshi=ref()的值，忘记写.value了。加上.value之后，便不再报错。心态大崩，一直找不出来到底是哪里出错了。
Vue 定义只读数据 readonly
xiaowude_boke的博客
11-22 729
Vue 定义只读数据 readonly
“TypeError: “count“ is read-only“
qq_44277511的博客
10-24 690
"TypeError: "count" is read-only"
一文讲清楚vue中的readonly、shallowReadonly、isReadonly
最新发布
m0_57202548的博客
01-18 1195
在Vue 3中，readonly是一个用于创建只读响应式对象的函数。它可以应用于普通对象或响应式对象，将其转换为只读对象，这意味着不能对这个对象进行修改操作。这个函数返回一个代理对象，该代理对象与原始对象具有相同的结构，但所有的属性都变成了只读的。这样一来，任何尝试修改代理对象的操作都会触发警告，并且不会真正地修改原始对象。这是很有用的，它可以被传递给那些只需要读取数据而不需要修改的组件或函数。这样做有助于确保它们不会在意外的情况下修改数据。
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
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项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
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>' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
Vue3.0学习 - 第十一节，readonly递归只读数据，isReadonly判断只读数据，shallowReadonly非递归只读数据
csl125的博客
05-01 1084
有的的时候我们需要创建一个只读的数据，vue3也提供了apireadonly递归只读数据，isReadonly判断只读数据，shallowReadonly非递归只读数据 readonly: <template> <div> <p>{{ state.name }}</p> <p>{{ state.attr.age }}</p> <p>{{ state.attr.height }}&l...
vue 控制台报错 Uncaught (in promise) Error: “ *“ is read-only
醉逸鎏年的博客
09-18 7959
chunk-569cd37e.4a478d0f.js:1 Uncaught (in promise) Error: "lastPoint" is read-only at i (chunk-569cd37e.4a478d0f.js:1) at chunk-569cd37e.4a478d0f.js:1 原代码为： const lastPoint = {} if (this.resData != null && this.r...
vue自用学习笔记-报错
qq_35708058的博客
10-06 600
1.报错Cannot use ‘in’ operator to search for ‘path’ in null 解决：注释掉router，or 直接删掉
[Vue warn]: Error in render: 解决方法
ricoshallow的博客
05-31 8733
[Vue warn]: Error in render: “TypeError: Cannot read property ‘rightsLevel’ of null” 解决方法 <!-- 作用域插槽 --> <template slot-scope="scope"> <el-button :type="this.rightsLevel[scope.row.level][1]" plain>{{this.rightsLevel[scope.row.level][0
手撸vue3核心源码——响应式原理(isReactive,isReadonly)
qq_63204040的博客
07-20 262
手撸vue3核心源码——响应式原理(isReactive,isReadonly)
uniapp [Vue warn]: Error in onLoad hook: “TypeError: Attempting to change the setter of an unconfigu
陈万洲的专栏
08-20 3122
一般通过为对象的属性赋值的情况下，对象的属性可以修改也可以删除，但是通过Object.defineProperty()定义属性，通过描述符的设置可以进行更精准的控制对象属性。本次的错误，是 configurable 的值被设置成 FALSE 导致的，所以改成 TRUE 即可！注意：当使用了getter或setter方法，不允许使用writable和value这两个属性(如果使用，会直接报错滴)Object.defineproperty 的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性。
[Vue warn]: Error in render: “TypeError: Cannot read property ‘label‘ of undefined“
坐等夕阳落time的博客
04-14 1511
前言 主要是自己可以百分百的确定，label 已经被定义过了，然后页面也都正常加载，但是控制台就是显示这个报错信息，强迫症很不舒服，一定要把这个报错干掉。 原因 vue的渲染问题，vue初次加载的渲染，会先渲染.前面的值，然后再渲染.后面的值 解决 在报错误的地方的标签上加上v-if 判断 举例： 原先： <view class="v-order-item-statu" > {{ oItem.status < 4 ? (statusOptions[oItem.stat
关于Vue $attrs is readonly 或者 xxx is readonly.报错记录
u010499872的博客
04-12 5801
vue $attrs is readonly $listeners is readonly.
Vue3 isReadonly
且听风吟的博客
05-06 1399
isReadonly：检查一个对象是否是由 readonly 创建的只读代理。
vue2报错[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading '0')"
09-06
这个报错通常发生在Vue2中，它提示在渲染期间出现了一个错误，具体是 "TypeError: Cannot read properties of undefined (reading '0')"。这个错误表明你尝试读取一个 undefined 对象的属性 '0'，导致了错误的发生。 要解决这个问题，你可以按照以下步骤进行排查和修复： 1. 检查你的代码中是否存在未定义的变量或属性。可能是你在模板中引用了一个不存在的变量，或者在计算属性或方法中返回了 undefined 值。确保你的变量和属性都有正确的赋值。 2. 检查你的模板中的循环语句（v-for）是否正确。如果你在 v-for 中使用了一个 undefined 或 null 的列表，会导致类似的错误。确保你的循环变量引用的是一个有效的数组或对象。 3. 如果你在组件之间传递数据，确保数据传递没有出错。可能是某个组件未正确传递所需的属性值，导致在子组件中出现了 undefined 属性。检查你的组件之间的数据传递是否正确。 4. 如果以上步骤都没有解决问题，可以通过在开发者工具中打开 Vue.js 的调试模式来获取更详细的错误信息。这将有助于定位错误发生的具体位置。 希望这些方法可以帮助你解决这个错误。如果问题仍然存在，请提供更多的代码细节，我将尽力帮助你解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值