vue基础总结

图片问题

1. 如果在vue中某个方法请求接口数据的时候数据还没返回来而视图已经加载了，就会导致图片加载到页面失败。此时跟钩子函数无关，created钩子函数已经在页面加载前请求了数据因为是异步请求数据还未返回来视图已经加载完成了所以页面中的图片依然会不显示，解决方法： 用v-if判断一下，当图片数据存在时，渲染视图。
2. element-ui，点击el-image组件出现滚动条消失的解决方法在node_modules/element-ui/lib/element-ui.common.js第38219行添加代码 if(!this.preview)return;,行号可能不一样，方法名称是一样的，所以对照一下方法名称=》clickHandler:function clickHandler(){}
   input表单
   有时单用标签时会出现文本框禁止编辑的bug,需要配合使用

页面传值跳转的方法

1. 需要在router.js声明路由
2. 其次在页面代码写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的区别

1. created 是在模板渲染成HTML前调用的，此时data已经准备完毕，el仍是undefined，因为没有渲染成HTML，所以不能操作dom节点，它主要用来初始化一些数据
2. mounted是在模板渲染成HTML之后调用的，此时data，el都已准备好，可以操作html的dom节点，可以通过id什么的来查找页面元素