vue在IE浏览器报Error in nextTick: "InvalidCharacterError"解决方案

最新推荐文章于 2022-10-17 15:33:29 发布
置顶 最新推荐文章于 2022-10-17 15:33:29 发布
阅读量5.3k 收藏
点赞数
文章标签： vue IE浏览器 兼容性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/soberbloke/article/details/102848776
版权

vue在IE浏览器报Error in nextTick: "InvalidCharacterError"解决方案

关于解决vue开发在IE浏览器报Error in nextTick: "InvalidCharacterError"错误解决方案，哈哈，首先你要知道"InvalidCharacterError（无效字符错误

）"这个很难读并且很难懂它的意思，知道了之后就在你自己vue项目中找到html部分代码，看标签属性中有没有特殊字符等等等等等，
例如：我的代码中这一行如图所示在这里插入图片描述
删掉就ok了，描述略有不清，相信懂得人自然懂！！！！

soberbloke
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE：InvalidCharacterError解决方案&&完成兼容IE的手机号校验
wwyxjjz的博客
09-16 1601
前面写过一版Vue Elements手机号校验(https://www.cnblogs.com/wwyxjjz/p/15137394.html) 除IE外的其他浏览器都没有问题，IE不兼容怎么办呢？当然是有办法解决的啦~~ 首先你要知道"InvalidCharacterError(无效字符错误)" 然后在你自己vue项目中找到html部分代码，看标签属性中有没有特殊字符等 IE控制台报错如下：......
记一坑：vue-amap的Geolocation插件在chrome浏览器精准定位失败问题
weixin_44015248的博客
01-26 1万+
一、Geolocation使用： https://elemefe.github.io/vue-amap/#/zh-cn/plugins/geolocation 官网提示：由于 Chrome 、IOS10 等已不再支持非安全域的浏览器定位请求，为保证定位成功率和精度，请尽快升级您的站点到 HTTPS 。 记得在main.js中plugin中加入 ‘AMap.Geolocation’ 没加报错内容:...
[Vue warn]: Error in nextTick: “InvalidCharacterError: String contains an invalid character“
weixin_43567035的博客
11-30 2202
一般这个错误就是哪里马虎写多了个什么符号，我这里的问题是写多了一个“逗号”。 排错方法，通过大粒度到小粒度的去注释代码并运行，逐步缩小发生错误的范围，最后就找到了。 在这里提醒一下自己，以后不要再犯！ ...
IE9 : DOM Exception: INVALID_CHARACTER_ERR (5)
dianzongfan5428的博客
07-12 100
IE9创建DOM元素的方式较之前有了改变，开始严格遵循标准的实现，不允许通过直接传入一个完整html标记的方式来创建Dom元素。document.createElement('<iframe id="yui-history-iframe" src="http://images.cnblogs.com/defaults/transparent-pixel.gif" style=...
IE 10 SCRIPT5022: InvalidCharacterError错误解决办法
limeng650419的专栏
05-19 5392
创建HTML元素的js代码， 例如ajaxfileupload.js, 行10 字符17代码： 1 var io = document.createElement("&lt;iframe id='" + frameId + "' name='" + frameId + "' /&gt;"); 以上代码在IE10下报如下错误： SCRIPT5022: Inv...
vue项目在ie报错Error in nextTick “参数无效”
hellenYuan的博客
01-26 2096
我的情况是：重复调用同一个接口，页面就不会再刷新，报错参数无效后点击页面任何地方都不行。 解决办法： 添加v-if , 是为了满足重新调用接口的时候子组件会重新渲染（走destroyed生命周期函数） // 父组件.vue内 <Children v-if='contentList.length>0' /> 给子组件手动添加销毁 // 子组件.vue文件 destroyed () { this.$destroy(); }, ...
vue 预检_vue全家桶+element 项目踩坑总结
weixin_30486717的博客
02-22 249
项目简介vue + axios + vue-router + vuex + ElementUI架构vuevue数据更新，视图不更新只有当实例被创建时 data 中存在的属性才是响应式的，Vue 不能检测对象属性的添加或删除；可以使用 Vue.set(object, key, value) 方法向嵌套对象添加响应式属性Vue.set(vm.userProfile, 'age', 27)this.$s...
19 道高频 vue 面试题解答（下）
bb_xiaxia1998的博客
10-10 616
指令本质上是装饰器，是 vue 对 HTML 元素的扩展，给 HTML 元素增加自定义功能。vue 编译 DOM 时，会找到指令对象，执行指令的相关方法。自定义指令有五个生命周期（也叫钩子函数），分别是 bind、inserted、update、componentUpdated、unbind1. bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。2. inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。
vue基础知识总结及测试遇到的前端bug分析
D321xiaoding的博客
04-03 1787
vue基础知识总结、测试遇到的前端bug分析原因
前端面试题--vue
weixin_44501366的博客
10-17 4815
每个组件都是 Vue 的实例。组件共享 data 属性，当 data 的值是同一个引用类型的值时，改变其中一 个会影响其他.Less的简单使用（一）——变量的用法Less是css的扩展，Less不仅与CSS向后兼容，而且它添加的其他功能都使用现有的CSS语法。变量一、变量正常用法（variables）在一个位置控制常用值.less文件中} **
vue ie11报错：Error: 参数无效。；[Vue warn]: Error in nextTick: "Error: 参数无效。"
热门推荐
qq_38652744的博客
11-23 2万+
用了v-for循环来渲染页面，但是再IE11就是渲染不出来，检查了很久，发现后台有个数据没有返回，前台取不到，导致整个循环都没出来;这个也有我前台的责任，以后从后台取数据渲染最好加个v-if判断，“如果有，就显示，没有就不显示该数据！” 由于这个问题排查了很久才找到原因故记录下来以此告诫自己。 ...
Vue 报错： Error in nextTick: "InvalidCharacterError"
heyNewbie的博客
04-14 2979
我遇到这个错误是在IE浏览器中，而项目在chrome浏览器中是正常没有问题的， 按照字面意思很难找到这个问题到底出在哪了，出现的bug为v-if失效，该出现的DOM没有出现，于是我就尝试分析DOM，提示在渲染时出现无效字符， 我的input中加入了正则去替换内容，我尝试去掉之后就好了 ...
[Vue warn]: Error in nextTick: “InvalidCharacterError: Failed to execute ‘setAttribute‘ on ‘Element‘
H-rosy的博客
06-23 7285
[Vue warn]: Error in nextTick: "InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': 'width:60%' is not a valid attribute name." warn @ vue.esm.js?efeb:628 logError @ vue.esm.js?efeb:1902 globalHandleError @ vue.esm.js?efeb:1897 handleErro
随手记3-js报InvalidCharacterError错
u013409283的博客
01-03 5497
// 下面那样创建dom元素，都ie新老版本都兼容                 var div = document.createElement ("div");         div.id = "aA";         div.setAttribute ("class", "gG");         div.innerHTML = "兼容写法";         docume
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
iteye_9244的博客
12-18 147
最近在修改后台框架的时候，在IE系列上面出现了兼容性问题。在网上找了一下资料发现网上是这么说的。 jquery.bgiframe.js在IE9下的错误 [code="js"] SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) jquery.bgiframe.js, 行8 字符976 [/code] 错误...
ORA-00911: invalid character问题解决办法
Stay hungry,stay foolish
04-20 2341
很奇怪呀。之前一直都是这么写的 conn.Open(); OracleCommand cmd_Query = new OracleCommand(); cmd_Query.Connection = conn; cmd_Query.CommandText = "select * from **_Info
firefox报错String contains an invalid character
yishengreai的专栏
01-27 1万+
<br />IE下使用正常的控件，到了firefox3.5.5下面，报错：<br />String contains an invalid character<br /> <br />查了报错代码出现在这一段：<br />var chkBox=document.createElement('<input type="Checkbox" name="treeBox" value= '+key+'>');<br /> <br />firefox不支持这种createElement的定义方式，需要分步进行：<br
InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': ')' is not a valid
publicstaticfinal的博客
07-30 1万+
问题描述： 在webStorm开发angular应用时候 或者vue等，页面没内容，浏览器控制台报错，报诸如题目类似的错误，无误定位性。没找到问题。 查错过程： 1、检查程序有误明显异常 2、检查依赖是否正常 3、检查对应页面逻辑 查一番，看到有网页说是html页面标签内 有非法字符， 我的是 属性之间是没有逗号隔开的。而我却写了，故提醒大家不论是自己写的，还是复制过来的，尽量避免这样标签内...
html引入vue不兼容ie11,关于vue.js:iview按需引入ie11不兼容报无效字符问题解决
weixin_28295799的博客
07-16 544
筹备工作//借助插件npm install babel-plugin-import --save-dev// .babelrc{"plugins": [["import", {"libraryName": "view-design","libraryDirectory": "src/components"}]]}在main.js中引入import "view-design/dist/styles/...
Error in nextTick: "Error"
最新发布
09-06
根据引用和引用的内容，错误信息"Error in nextTick: 'Error'"可能是由于调用了一个不存在的方法导致的。在代码中，通过nextTick方法延迟执行topScrolly方法，但是在topScrolly方法中调用的scrollTo方法可能不存在，导致报错。 另外，根据引用的内容，如果在Vue中集成了修改过的webVideoCtrl.js资源，也有可能出现报错。如果你的代码中使用了这个资源，请参考博客中的代码修改方法来解决报错。 综上所述，要解决"Error in nextTick: 'Error'"错误，你可以检查代码中调用的方法是否存在，并确保使用了正确的资源文件。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘scrollTo ‘) 报错解决...](https://blog.csdn.net/m0_60585777/article/details/127239461)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [webVideoCtrl.js海康威视摄像vue引用脚本](https://download.csdn.net/download/yushi6310/11018611)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值