![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
XAIhan
不停跌倒并且跌倒了不想站起来但是不得不站起来继续跌倒的程序猿
展开
-
vue数据修改之后没有同步渲染出来,需要点一下屏幕才会进行页面更新(原因和解决方法)
这是一个很奇怪的问题,当时需要做一个状态判断,设置了一个布尔值 edit:false 如果是false则显示按钮A, 反之则显示按钮B, 但真正使用的时候出现了问题,当点击之后,edit数值变成了true,但是页面上的按钮没有进行同步更新,需要随意点击一下屏幕空白处才会进行更新 经过多方排查,发现原因: 因为再vue的data里面,一开始并不存在edit,这是通过后期方法进行的赋值。所以导致vue页面渲染的响应慢一拍。 发现问题之后解决就很简单了, 在对应的数据里面添加上edit参数就可以 ...原创 2020-06-18 15:47:06 · 4071 阅读 · 0 评论 -
无法执行vue初始化命令的解决方法
前段时间在有 vue 脚手架的时候,遇到了这个问题. vue : 无法加载文件 C:\Users\36910\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息 ,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1...原创 2019-11-29 19:52:36 · 933 阅读 · 0 评论 -
vue+element创建的后台管理系统,修改了data中list数据没有触发渲染的原因以及解决方法。
前段时间遇到的一个问题,在vue之中使用elementUI的table组件。 当我通过改变tdata之中Array的数据时,并不会实现实时的刷新。 如图:这是默认的数组, 当我点击修改的时候,图中的数字 3 将被我修改成为 ‘ 修改了 ’ ,但是页面上并没有进行更新。 这是代码: <template> <div class="hello"> ...原创 2019-11-07 14:22:20 · 1059 阅读 · 0 评论 -
v-on详解(可绑定事件+修饰符+keyCode+vue按键别名)
v-on详解 事件句柄(可绑定事件) 属性 监听事件 onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标点击对象 ondblclick 鼠标双击对象 onerror 当加载文档或图片时出现错误 onfocus 元素获得焦点 onkeydown 某个键盘的键被按下 onkeypress ...原创 2019-11-06 16:38:56 · 1199 阅读 · 0 评论 -
npm转为国内cnpm镜像
npm 转为国内cnpm镜像 打开终端,输入以下代码: npm install -g cnpm --registry=https://registry.npm.taobao.org 完成后,就可以使用cnpm进行npm的所有操作,并且因为是国内的镜像,所以install非常快。 ...原创 2019-06-18 10:56:50 · 5752 阅读 · 0 评论 -
vue通过js来设置div的最小高度所出现的赋值失败问题。
最近敲代码遇到一个小问题,如图: 当页面内容不够多时,会出现底部栏上移的问题。 一开始我想到的解决方式时,获取到屏幕的高度,并将它赋值为中间的div之中,这就能完美解决footer下移的问题了,说干就干。当时写出的代码是这样的: mounted(){ console.log('进行了高度赋值'); console.log($(document).height()/1.7); ...原创 2019-07-03 22:41:54 · 3299 阅读 · 0 评论 -
使用vue-cli创建vue项目
1.安装vue-cli npm install webpack -g 2.全局安装vue-cli npm install --global vue-cli 3.用vue-cli来构建项目 vue init webpack baoge PS:baoge是自定义的项目名字,你可以根据需求自己填写. 输入命令后,会跳出几个选项让你回答: Project name (baoge): ----...原创 2019-07-01 11:42:33 · 90 阅读 · 0 评论 -
vscode中使用beautify插件格式化vue文件
点击设置,找到beautify.language并在html一栏里加上vue, 打开文件——首选项——设置—— “beautify.language”: { “js”: { “type”: [ “javascript”, “json” ], “filename”: [ “.jshintrc”, “.jsbeautify” ] }, “css”: [ “css”, “scss” ], “html”:...原创 2019-08-19 19:35:28 · 8672 阅读 · 0 评论