- 博客(9)
- 收藏
- 关注
原创 vue中使用防抖
函数防抖(debounce):当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。common.js/* * 方法:防抖方法 * 参数: * fc:防抖执行的方法 * time:执行防抖方法的时间间隔 * isfront:方法是否先执行,true 先执行防抖方法 * * */export function debounce(fc,time,isfront) { let timeout; ret
2020-08-06 13:53:18 1674
原创 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 453
原创 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 1438 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 1298 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 3970 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 152
原创 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 1515
原创 两年的前端程序员的反省与总结
迈出校门2017年正月十五日之前回到学校,在那段时间准备好需要面试的东西(简历20份、文件夹一个、正装),现在才知道对于程序员来说正装就是格子衫、牛仔裤。对于一个初入社会的菜鸟来说,未来充满了未知、渴望、还有恐慌。我从来都没自己独立出去打过工(从小学到大学期间),满脑子里都是理想------将来要做一个牛逼的PHP程序员(是的,我上学的时候学的是PHP)。终于该来的总会来的,在一个早上所有的...
2020-05-21 11:58:52 999
转载 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中使用<...
2019-07-10 15:17:48 1456
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人