动人心&倾城泪-CSDN博客

原创 vue中使用防抖

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

2020-08-06 13:53:18 1658

原创 vue-baidu-map 地图

1、下载安装vue-baidu-mapnpm intall --save vue-baidu-map2、初始化、全局注册//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 423

原创 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 1357 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 1204 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 3751 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 117

原创 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 1432

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

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

2020-05-21 11:58:52 960

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

声明：插件源码 https://blog.csdn.net/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 1426

weixin_45359072的博客