Error in mounted hook: “TypeError: strict 模式下不允许分配到只读属性“

已于 2022-08-18 18:02:02 修改
阅读量282 收藏
点赞数
文章标签： 前端
于 2022-08-18 17:58:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38058176/article/details/126410697
版权

问题.style = xxx 设置的样式在ie浏览器保存

document.getElementById('dom').style = 'color: #f00; font-size: 30px !important;'

ie浏览器报错，样式不生效
在这里插入图片描述

解决方案

方案1
document.getElementById('dom').setAttribute('style', 'color: #f00; font-size: 30px !important;')
方案2
document.getElementById('dom').style.cssText = 'color: #f00; font-size: 30px !important;'

在这里插入图片描述

y向日葵
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript 严格模式use strict详解
10-19
严格模式：由ECMA-262规范定义的JavaScript标准，对javascrip的限制更强。这篇文章主要介绍了Javascript 严格模式use strict详解 ,需要的朋友可以参考下
Vue（八）：IE报错 - strict 模式下不允许分配到只读属性
You瞧谁不起 - 道不尽世间的沧桑，诉不完人生的悲凉
01-26 1117
出错原因 解决方法
IE11 strict 模式下不允许分配到只读属性
weixin_53423172的博客
06-24 560
在做Vue项目兼容IE11的时候，遇到在IE中展示数据的时候报错。strict模式下不允许分配只读属性。 经检查之后发现是使用document.createElement方法创建的元素直接使用.style = 'xxx' 进行样式属性的设置造成的。 解决方法: 1. 设置样式为 ele.style.height = '100px'; 也就是ele.style.styleName = val; 的形式 注意 以中线进行分割的样式名称比如font-size 需要设置的时候写成 ele.style.fontSiz
严格（strict）模式下不允许分配到只读属性
yoxe_ys的博客
11-19 9676
今天工作的时候遇到了一个问题，大概就是用js了实现一个顶部齐刘海导航栏。 这个功能在chrome中没有问题，能正常显示，但是在IE中会报出：strict模式下不允许分配到只读属性 出现这个问题的原因是，在js中利用var xx = document.createElement('div') 创建了一个元素，然后直接向xx的style赋值 比如：xx.style = 'height: 6p...
IE 报错 strict模式下不允许分配到只读属性 问题解决
Taurus_666
02-10 1606
报错如上图所示； 解决办法如下： 第一：检测页面内是否有未定义变量，就给变量赋值等操作，也叫隐式声明此时要把所有的隐式声明变量模式改为先声明变量在使用变量的模式； 第二：检测页面内是否有直接给元素添加行内样式的js：比如下方代码： self.target.style = "transform: translateX(-" + self.initLeft + "px)"; //此时这种代码也会报错，不能直接使用.style = ，应该使用.style.transfrom = '10px' 正确写法为： s.
IE下，JavaScript提示strict 模式下不允许分配到只读属性
xiaoyue
01-08 6476
IE中JavaScript异常提示：strict 模式下不允许分配到只读属性。 报异常的代码如下： document.getElementById("mapLayer").style = "width: 98%;height:98%;"; 解决方法如下： 将css属性拆分开依次设置属性值即可。 document.getElementById("mapLayer").style.wid...
UnhandledPromiseRejectionWarning 错误解决
热门推荐
风格色的博客
02-27 18万+
报错内容(node:2565) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: EACCES: permission denied, unlink '/home/fenggese/workspace/express/code-snippet-web/.nuxt/App.vu
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘coordinateSystem‘ of undefined“
郭宝的博客
08-24 9893
背景： 在 Vue 项目中使用 ECharts 图表组件时，出现了该错误信息，而且图表无法正常显示 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'coordinateSystem' of undefined" found in ---> <Trend> at src/components/Trend.vue <
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null"
kkhk04的博客
10-10 3万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化， 代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv');let myChart = this.$echarts.init(bar_dv) 解决办法...
Error in mounted hook: "ReferenceError: AMap is not defined" fo
06-13
ReferenceError: AMap is not defined AMap未定义
react-is-mounted-hook:React钩子，以检查组件是否仍然安装
03-31
React是挂机React钩子，以检查组件是否仍然安装安装// with npmnpm install react-is-mounted-hook// with yarnyarn add react-is-mounted-hook如何使用import React , { useState , useEffect } from 'react' ;...
Vue(定时器)解决mounted不能获取到data中的数据问题
10-15
主要介绍了Vue(定时器)解决mounted不能获取到data中的数据问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 页面回退mounted函数不执行的解决方案
10-15
主要介绍了vue 页面回退mounted函数不执行的解决方案 ，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
WebSocket重练机制
11-22
Uncaught ReferenceError: ReconnectingWebSocket is not defined； 说明缺少包资源，需引入reconnecting-websocket.js和reconnecting-websocket.minjs 创建WebSocket对象使用ReconnectingWebSocket 如下： ...
IE11下Unhandled promise rejection TypeError:对象不支持“fromEntreis“属性或方法的解决办法
最新发布
sinat_20078327的博客
06-30 573
【代码】IE11下Unhandled promise rejection TypeError:对象不支持“fromEntreis“属性或方法的解决办法。
vue中出现报错Vue warn]: Error in mounted hook: "TypeError: Object(...) is not a function"
qq_45664442的博客
03-06 1万+
原因：把导入的js当做函数传进来，当方法调用了。 解决办法： import {getDetailData }from “…/…/components/network/detail”;
Vue项目中老出现Error in mounted hook: "TypeError: handler.call is not a function"
yk583443123的博客
03-25 1万+
1、检查钩子函数是否有调用的函数，如果没有，直接删除掉就可以了
vue报错Error in mounted hook: “TypeError: Object(...) is not a function“
撒野
09-15 6万+
导入的js要用{}接收 import {shopsratings} from '../../request/api.js'
error in mounted hook :typeerror :failed to execute 'observe'
06-02
在这种情况下，可以尝试在组件的 `mounted` 钩子函数中使用 `nextTick` 方法来等待 DOM 渲染完成后再执行初始化操作。例如： ```javascript mounted() { this.$nextTick(() => { // 执行初始化操作 }); } ``` ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值