动人心&倾城泪-优快云博客

原创 vue中使用防抖

函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 common.js /* * 方法：防抖方法 * 参数： * fc：防抖执行的方法 * time：执行防抖方法的时间间隔 * isfront：方法是否先执行，true 先执行防抖方法 * * */ export function debounce(fc,time,isfront) { let timeout; ret

2020-08-06 13:53:18 1732

原创 vue-baidu-map 地图

1、下载安装vue-baidu-map npm intall --save vue-baidu-map 2、初始化、全局注册 //main.js文件 import Vue from 'vue' import BaiduMap from 'vue-baidu-map' Vue.use(BaiduMap, { // ak 是在百度地图开发者平台申请的密钥详见 http://lbsyun.baidu.com/apiconsole/key */ 'YOUR_APP_KEY' }) 3、使用文档：

2020-06-08 17:58:36 523

原创 vue swiper动态获取数据无法滑动问题

简述：使用swiper插件时，需要通过接口获取图片路径、图片名称等，会出现无法滑动或空白的现象。原因是swiper在获取接口之前初始化，这样渲染的是没获取图片之前的页面。解决方法一：再用接口调出数据后，初始化swiper <template> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="bas

2020-06-08 14:15:21 1579 1

原创 vue 导航栏跳转、选中效果

方法一：组件传值（父组件传值导航栏组件）父组件代码 <template> <div id="brand"> <Header :ishidden="false" :active="active"></Header> //组件传值active <Footer></Footer> </div> </template> <script> import Header from "../co

2020-06-02 11:13:46 1428 1

原创 vue警告 [Vue warn]: Error in render:

错误截图：错误代码： <template> <div class="food-type"> <div class="type-list"> <h4>产品分类</h4> <small>Food Types</small> <ul class="type-list-ul"> <li class="type-sel type-list-li" v-for="(food

2020-05-29 13:51:21 4098 1

原创 vue父子组件传值

一、父组件向子组件传值 //父组件代码 <template> <div class="index"> <Header :ishidden="你好！我是父组件数据"/> //通过v-bind:ishidden传值为子组件 <Footer /> </div> </template> <script> import Header from '../components/Header.vue'

2020-05-28 14:30:04 195

原创 vue项目中如何使用swiper插件？

一、下载swiper //使用命令行下载 npm install swiper 二、引入swiper 在需要的地方引入swiper以及swiper.min.css <template> <div class="swiper-container h-banner"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="banners in banner"> <i

2020-05-28 11:17:10 1618

原创两年的前端程序员的反省与总结

迈出校门 2017年正月十五日之前回到学校，在那段时间准备好需要面试的东西（简历20份、文件夹一个、正装），现在才知道对于程序员来说正装就是格子衫、牛仔裤。对于一个初入社会的菜鸟来说，未来充满了未知、渴望、还有恐慌。我从来都没自己独立出去打过工（从小学到大学期间），满脑子里都是理想------将来要做一个牛逼的PHP程序员（是的，我上学的时候学的是PHP）。终于该来的总会来的，在一个早上所有的...

2020-05-21 11:58:52 1088

转载 vue 移动端使用日期插件datepicker.js

声明：插件源码 https://blog.youkuaiyun.com/liangmengbk/article/details/88304208 使用方法： 1.在route文件夹的index.js中引入(文件放在static文件夹中) import datePicker from "../../static/datePicker.js" Vue.use(datePicker) 2.在.vue中使用 &lt...

2019-07-10 15:17:48 1541

weixin_45359072的博客