vue
文章平均质量分 84
鸡米工程师
凡心所向,素履以往,生如逆旅,一苇以航。
展开
-
js|vue实现图片懒加载,element-ui,image组件源码
文章目录前言代码总结前言本文是把element-ui的image组件的懒加载方式,单拎出来给大家讲解,学习一下element是如何做图片懒加载的。这里面需要你掌握一点vue基础知识,不过不会也没事关系不大。代码这是element-ui,image组件提供的参数是否要启动懒加载,不熟悉image组件的用法的人建议去看一下,我先提一嘴用法,就是每个组件只对应一张图片,记住这个就行。好了我们根据lazy这个线索去看,用注释的方式讲解。 mounted() { //如果lazy为t.原创 2021-01-27 14:39:19 · 2369 阅读 · 4 评论 -
vue-router进阶知识总结
学习目标:根据vue-router官网和我工作中实际运用到的地方简洁的总结vue-router中的进阶知识点,基础版以在上一篇文章发布。导航守卫导航守卫,说白了就是在路由跳转的时候,vue暴露的一些钩子方法,让我们可以在路由跳转的时候进行控制。记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化,或使用 beforeRouteUpdate 的组件内守卫。全局前置守卫(router.beforeEach)const router = new Vue原创 2021-01-20 15:13:02 · 138 阅读 · 3 评论 -
vue-router基础知识总结
学习目标:根据vue-router官网简洁的总结vue-router中的基础知识点,进阶版将会在下一篇文章中发布动态路由匹配:routes: [ // 动态路径参数 以冒号开头 { path: '/user/:id', component: User }]像 /user/foo 和 /user/bar 都将映射到相同的路由。路径参数用:做标记,可以用this.$route.params获取,例如"user/123",获取的params为{id:123},会出现的问题:如果两个原创 2021-01-19 19:33:18 · 305 阅读 · 0 评论 -
vue--六种组件传值
vue–七种组件传值文章目录vue--七种组件传值一、props+$emit二、使用步骤1.引入库2.读入数据总结一、props+$emit相信熟悉vue的同学对此种传值方式并不陌生,也是我们最常用的传值方式,父传子props,子传父$emit二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport wa原创 2020-12-22 19:24:07 · 387 阅读 · 0 评论