Vue学习笔记

图片问题如果在vue中某个方法请求接口数据的时候数据还没返回来而视图已经加载了,就会导致图片加载到页面失败。此时跟钩子函数无关,created钩子函数已经在页面加载前请求了数据因为是异步请求数据还未返回来视图已经加载完成了所以页面中的图片依然会不显示,解决方法:用v-if判断一下,当图片数据存在时,渲染视图。element-ui,点击el-image组件出现滚动条消失的解决方法在node_modules/element-ui/lib/element-ui.common.js第38219行添加代码if(!this.preview)return;,行号可能不一样,方法名称是一样的,所以对照一下方法名称=》clickHandler:functionclickHandler(){}input表单有时单用标签时会出现文本框禁止编辑的bug,需要配合使用页面传值跳转的方法需要在router.js声明路由其次在页面代码写click方法进行if判断,判断跳转的页面类型然后把需要的值进行传递方法名(type,val){if(type==1){this.$router.push({name:"page",query:{id:val}});},Vue请求接口的方法先import{接口名}from“.路径”;其次写方法方法名(){.then(res=>{接口名({});}).catch(err=>{});}Vue常用钩子函数之created与mounted的区别created是在模板渲染成HTML前调用的,此时data已经准备完毕,el仍是undefined,因为没有渲染成HTML,所以不能操作dom节点,它主要用来初始化一些数据mounted是在模板渲染成HTML之后调用的,此时data,el都已准备好,可以操作html的dom节点,可以通过id什么的来查找页面元素

2020-3-18 683 0