vue v-for的数组改变导致页面不渲染解决方法

直接在数组里,改变数组来达到重新渲染页面的目的, 需要用push等数组方法, 或者$set(),或者给数组重新赋值,来改变数组引用地址而是直接索引= <body> <div id="app"> <li v-for='item in students'> <span>{{ item.name }}</span> <span>{{ item.age }}</span> </li> <bu…

据用户反映设置账户开机密码后显示未注册, 具体表现: 1. 重装试用版,重新获取注册申请码,发现注册申请码跟原来没有发生变化. 2. 重新使用原来的授权文件注册,但打开后显示未注册. 3. 发现“***.lc”需要解除锁定,于是对其解除锁定,重启电脑,但打开后仍然显示未注册. 最后,重新生成了授权文件,直接使用授权文件注册(未使用解除锁定),注册成功. 可能是系统环境改变导致注册不成功,需要重新授权.…

vue项目初始化时npm run dev报错webpack-dev-server解决方法

vue项目初始化时npm run dev报错webpack-dev-server解决方法原因:这是新版webpack存在的BUG,卸载现有的新版本webpack,装老版本就好webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低(1).npm uninstall webpack-dev-server(2).npm install webpack-dev-server@2.9.1(3).npm run dev==================…

IOS-43-导航栏标题navigationItem.title不能改变颜色的两种解决方法

IOS-43-导航栏标题navigationItem.title不能改变颜色的两种解决方法 IOS-43-导航栏标题navigationItem.title不能改变颜色的两种解决方法两种方法只是形式不一样而已,但是第一种适合在导航栏特别多,而且只需要在被统一继承的基类里面设置即可: 1.在本类或者所继承的基类重写此方法: - (void)setTitle:(NSString *)title: 见代码: // 重写set title方法 - (void)setTitle:(NSString *)…

系统导出数据到excel，数据量过大（大约10W）条，导致服务器 cpu 100%解决方法

系统导出数据到excel,数据量过大(大约10W)条,导致服务器 cpu 100%解决方法…

vue.js 中使用（...）运算符报错的解决方法

vue.js 中使用(...)运算符报错的解决方法 Syntax Error:Unexpected token(XX:X) }, computed:{ ...mapGetters([ 'pageSize' ]) }, 这个错误是在项目中,不识别es6的扩展运算符,解决办法(四步走)如下: 第一步:安装babel-plugin-transform-object-rest-spread cnpm install babel-plugin-transform-object-rest-spread 第二…

IE8 浏览器文本模式变为杂项(quirks)页面变形的解决方法

IE8 浏览器文本模式(document.documentMode)变为杂项(quirks)页面变形的解决方法. 正常情况下 document.documentMode 输出为8,而变为杂项之后document.documentMode输出为5. 检查文件头 1.书写是否正确定义IE8 文本模式为IE8<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">IE8 文本模式为杂项(quirks):无定义…

Vue下路由History mode导致页面无法渲染的原因

用 Vue.js + vue-router 创建单页应用,是非常简单的.使用 Vue.js ,我们已经可以通过组合组件来组成应用程序,当你要把 vue-router 添加进来,我们需要做的是,将组件(components)映射到路由(routes),然后告诉 vue-router 在哪里渲染它们. 一般开发的单页应用的URL都会带有#号的hash模式,因为整个应用本身而言就只有一个HTML,其他的都是通过router来渲染.如果因为业务需要,或者单纯是觉得带#号不美观,那么可以使用history…

VUE项目中使用this.$forceUpdate()强制页面重新渲染

在使用Vue框架开发时,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值,我是在使用多层v-for嵌套时出现这种问题的, 解决方法:运用 this.$forceUpdate()强制刷新…

vue 报错：属性undefined（页面成功渲染）

vue 报错:Cannot read property 'instrumentId' of undefined" 相关代码如下: <template> ... <span>{{data.params.instrumentId}}</span> ... </template> <script> export default { data () { return { data: {} }; }, methods: { // 请求接口获得数据…

Vue项目中出现Loading chunk {n} failed问题的解决方法

最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错,报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败.但是这个问题的根本原因没有被找到,因为这个问题出现的偶然性太高了,而且有的手机上会出现,有的不会,用模拟器不会出现,用真机又会出现,不知道是网络原因还是webpack的bug.在github.stackoverflow等各种地方也找不到原因和解决方案,这是github上关于这个问题的讨论: Loading ch…

聊天界面使用IQKeyboardManager导航栏及整个页面上移的解决方法

问题: 使用第三方库IQKeyboardManager时会使整个页面上移,导航栏页偏移出了显示范围.在聊天界面就会使得上面的消息看不到. 解决方法: 首先说明:在聊天界面使用IQKeyboardManager这个第三方库无法解决这个问题,至少我没找到解决办法.网上说的那些用ib创建UI,把控制器的view改成scrollview,或纯代码创建UI,重写loadView方法,然后把self.view = scrollview的解决方法会把布局搞乱.没有试,太麻烦.解决思路:在聊天页面禁用IQKey…

Bootstrap Modal 关闭时右侧滚动条消失，页面左移的解决方法

问题描述:页面在打开Modal之前右侧有滚动条,Modal关闭之后,body中的class="modal-open"和style="padding-right: 17px;"并未被移除,导致滚动条消失,并且页面左移,打开并关闭Modal一次,页面左移一次,一直累加. body中被添加的class和样式未被移除的原因一直未找到,目前的解决方法是在关闭Modal时触发一个事件,代码如下: <script type="text/javascript&quo…

Easyui datebox控件打开页面就验证解决方法

问题描述: datebox时间控件有些场景下默认值需要为空,但是为空的情况下打开页面会自动验证,十分影响美观. 实现原理: <input class="easyui-databox" data-options="required:true" /> 猜想:上面的实例化过程很有可能是先附加验证规则,再进行控件实例化,由于控件实例化触发事件,相应的也触发了验证规则,所以打开页面的时候,就会出现验证的情况. 所以解决方法就是:验证规则在控件实例化后添加. 可以用…

HBuilder/Mui开发ios使用上拉刷新导致滚动条无法使用的解决方法

HBuilder/Mui开发的APP使用上拉刷新,当滚动到底部是会触发上拉刷新,加载更多数据.但是ios上确是一个坑,导致滚动条无法滚动. 解决方法放弃Mui的上拉刷新,自己使用JS实现. var old = Date.now(); document.addEventListener('scroll', function () { if (document.body.scrollHeight == document.body.scrollTop + window.innerHeight) {…

VMware workstation 非正常关机导致开机失败，解决方法

问题:VMware workstation 非正常关机导致开机失败!如下图:…

ci中 chrome对favicon.ico请求，导致log报错解决方法

chrome浏览器会自动对favicon.ico进行请求,所以当没有为网站添加 favicon.ico 时会出现404的页面错误在实际开发过程中,CI框架打开 ERROR log,会一直显示ERROR - 2011-10-13 03:43:57 --> 404 Page Not Found --> favicon.ico解决方法如下可以修改CI,exception 的show_404方法屏蔽if ($log_error && $page != 'favicon.ico')…

vue使用svg，animate事件绑定无效问题及解决方法

由于使用svg制作圆形进度条,但是进度展示的太生硬,没有过渡圆滑的效果,所以使用 animate(在svg元素里可以查到) 元素标签,但这样使用了,还是没有效果,我前端使用的 vue ,所以通过 @ 或 v-on 均无效解决方法就是声明这2个属性,在通过浏览器查看这2个事件绑定的区别这就是区别,使用vue绑定事件加上Event结尾就行. 先声明下,我是使用svg的end事件遇到的问题,这种方法应该只能用于个例吧. 由于onend是属于被动触发的,所以这种方法只能自测看看,对于浏览器兼容没…

鼠标聚焦到Text输入框时，按回车键刷新页面原因及解决方法

前提一个form中只有一个输入框,当输入框获取焦点后,点击回车,导致整个页面都刷新,问题解决办法. 1.处理form 在form中添加事件 <form onsubmit="return false;">.......</form> 2.增加一个隐藏的输入框,认为改变单个输入框 <input id="hiddenText" type="text" style="display:none" /&g…

cordova+vue 项目打包成APK应用遇到的问题和解决方法

公司前端界面用的是vue,我要嵌入到Android中生成App第一步:安装nodenode安装:直接进入官网https://nodejs.org/zh-cn/,下载最新版本安装.安装之后在命令行中使用”node -v” 检查安装是否成功.npm安装:由于新版的nodejs已经集成了npm,所以node安装时npm也一并安装好了.同样可以通过输入 “npm -v” 来测试是否成功安装.第二步:安装cordova1. 打开cmd 输入命令:npm install -g cordova .安装cord…

nuxtjs在vue组件中使用window对象编译报错的解决方法

我们知道nuxtjs是做服务端渲染的,他有很多声明周期是运行在服务端的,以及正常的vue声明周期mounted之前均是在服务端运行的,那么服务端是没有比如window对象的location.navagitor等,以及H5的FormData()方法,所以当你在created之前使用这些时,会报错,那么如何处理呢? 1.自己的写的函数里包含window等因为nuxt为SSR框架,所以其编译打包时会区分服务端渲染还是客户端渲染(即浏览器),在vue文件中使用window对象报错的原因是,webpac…

php curl函数采集网页出现gzip压缩、编码不同导致的乱码图文解决方法

方法一: header("content-type:text/html;charset=utf-8");$url="http://115.47.116.10/rest/keyword '";$content = file_get_contents("compress.zlib://".$url);$arr=json_decode($content,true);print_r($arr); 二: curl乱码有两个方面的原因一个是因为我们采集页面的…

前端页面兼容ie8解决方法

一.通用兼容文件的引用: 1.HTML5标签兼容方案:html5shiv.js GitHub地址:https://github.com/aFarkas/html5shiv/ IE8不支持HTML5的新标签,如<header>.<nav>等标签在IE8无法渲染.html5shiv.js可帮助IE6-8浏览器兼容HTML5语义化标签. 使用方法:在页面中引用html5shiv.js文件.必须添加在页面的<head>元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个…

安装node.js、webpack、vue 和vue-cli 以及安装速度慢/不成功的解决方法

1.安装node.js 地址:https://nodejs.org/en/ 下载安装软件之后,点击下一步即可打开dos窗口,输入cmd能快速打开,输入npm -v 和 node -v 能显示出版本号就代表安装成功 2.全局安装wepback npm install --global webpack 可以简写 npm i -g webpack 利用webpack -v 查看,如果显示版本号,就代表成功 3.安装vue npm i vue 4.全局安装vue-cli npm i -g vue-…

c++ 编译 curl 报错数组‘__curl_rule_01__’的大小为负解决方法

背景:在原有的项目GCC编译环境下(arm-linux 32位),增加x86-linux 64位的编译环境,编译curl库的时候发生错误. 其他:编译服务器为64位Centos 编译错误提示 /include/curl/curlrules.h:142:3: 错误:数组‘__curl_rule_01__’的大小为负 __curl_rule_01__ 解决过程: 1.在网上搜索得知是用64位的编译环境编32位的镜像时导致的:在 curlrules.h .这个错误是故意强制作为检查数据类型大小的一部分…

ubuntu 使用sudo apt-get update 出现被配置多次导致无法升级错误解决方法

这个周六周末在考虑升级自己GPU开发机,在琢磨使用docker来配置tensorflowGPU环境,在升级软件的时候爆出了如下错误在 /etc/apt/sources.list.d/sogoupinyin.list:1 和 /etc/apt/sources.list.d/ubuntukylin.list:1 中被配置了多次错误发生的原因: 1. 包冲突了,导致了无法配置,我们删除掉sogoupinyin.list文件即可.这样问题就得以解决了.或者删除这两个中的一个即可.…

Spring Boot 打war包后自定义404页面不生效解决方法

最近做一个项目,自定义了404页面,本地测试可以到自定义页面,但是打包放到tomcat里面就不行.搞了一天终于看到一个比较正确的方法.下面附上连接,非常感谢各位博主们 1.https://blog.csdn.net/cckevincyh/article/details/79630182. 2.https://blog.csdn.net/loongshawn/article/details/50915979. 3.https://blog.csdn.net/linzhiqiang0316/arti…