
VUE
vue
JoeChen.
技术改变世界
展开
-
解决[Vue warn]: Error in render: “TypeError: Cannot read property ‘name‘ of undefined“,已经解决。
含义:渲染时发生错误:类型错误:不能读取undefined的name属性原因:出现上述报错其实是因为,你访问了undefined.name,但是undefined没有name,所以报错。原因有两种,1,你的数据是异步加载,页面渲染的时候,还没有加载成功解决方案:条件渲染,给加载组件添加v-if,如果没有数据则不会渲染2,数据是本地数据,压根没有name数据解决方案:条件返回,如果没有数据则返回空字符串'',return item? item.name : ''......原创 2021-09-01 11:10:22 · 6824 阅读 · 1 评论 -
解决 element ui 表单刷新自动提交问题
项目场景:提示:这里简述项目相关背景:例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA...原创 2021-06-07 13:46:59 · 796 阅读 · 0 评论 -
Vue-注入,虚拟dom,挂载
注入配置对象中的部分内容会被提取到vue实例中:datamethods该过程称之为注入注入目的有两个:完成数据响应式vue是怎么知道数据被更改了?vue2.0是通过Object.defineProperty方法完成了数据响应式,但是这种方法有缺陷,无法检测到新增属性和删除属性,vue3.0是通过Class Proxy完成的数据响应式,绑定this虚拟DOM树为了提高渲染效率,vue会把模板编译成为虚拟DOM树,然后再生成真实的DOM当数据更改时,将重新编译成虚拟DO转载 2021-04-07 15:27:59 · 893 阅读 · 0 评论 -
Vue-计算属性,指令,key
模板语法内容vue中的元素内容使用mustache模板引擎进行解析mustache:https://github.com/janl/mustache.js指令指令会影响元素的渲染行为,指令始终以v-开头基础指令:v-for:循环渲染元素v-html:设置元素的innerHTML,该指令会导致元素的模板内容失效v-on:注册事件该指令由于十分常用,因此提供了简写@事件支持一些指令修饰符,如prevent事件参数会自动传递v-bind:绑定动态属性该指令由于十分常用,因转载 2021-04-07 15:36:06 · 215 阅读 · 0 评论 -
vue-cli的安装
vue-cli的安装vue-cli是一个脚手架工具,它集成了诸多前端技术,包括但不仅限于:webpackbabeleslinthttp-proxy-middlewaretypescriptcss pre-prosessorcss module…这些工具,他们大部分都要依赖两个东西:node环境:很多工具的运行环境npm:包管理器,用于下载各种第三方库目前,npm已和node集成,当安装node后,会自动安装npm安装node下载node:https://nodejs原创 2021-03-22 17:44:23 · 117 阅读 · 0 评论