![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
动人心&倾城泪
这个作者很懒,什么都没留下…
展开
-
vue中使用防抖
函数防抖(debounce):当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。 common.js /* * 方法:防抖方法 * 参数: * fc:防抖执行的方法 * time:执行防抖方法的时间间隔 * isfront:方法是否先执行,true 先执行防抖方法 * * */ export function debounce(fc,time,isfront) { let timeout; ret原创 2020-08-06 13:53:18 · 1662 阅读 · 0 评论 -
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 · 437 阅读 · 0 评论 -
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 · 1390 阅读 · 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 · 1238 阅读 · 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 · 3896 阅读 · 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 · 122 阅读 · 0 评论 -
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 · 1455 阅读 · 0 评论 -
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 · 1443 阅读 · 0 评论