![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
前端amanda
这个作者很懒,什么都没留下…
展开
-
fastclick减少移动端300ms延迟
步骤一 安装npm install fastclick --save步骤二 导入import FastClick from 'fastclick'步骤三 调用attach函数FastClick.attach(document.body)原创 2021-08-26 15:09:34 · 51 阅读 · 0 评论 -
Vue2中 toast封装-插件方式的封装
采用普通方式封装有时候存在一些壁垒采用插件方式封装,可直接调用插件的安装函数 $toast.show()在页面显示即可, 方便多处调用。原理:将toast封装在插件中 ----安装插件----组件创建开始就添加到body中---利用插件的安装函数在页面显示步骤1:自行新建toast组件<template><div class="toast" v-show="isShow"> <div >{{message}}</div></di原创 2021-08-26 14:33:51 · 434 阅读 · 0 评论 -
图片懒加载
定义:图片需要显示在屏幕上时候,才加载步骤一 安装npm i vue-lazyload --save步骤二 导入import VueLazyload from "vue-lazyload";步骤三 修改img:src->v-lazy:src="showImage" 改成 v-lazy="showImage"也可以使用占位符Vue.use(VueLazyload,{ loading:require('./assets/img/common/plac...原创 2021-08-26 15:43:06 · 71 阅读 · 0 评论