10 2020 档案

vue实现日历
摘要：<template> <div class="lookForMonth_wrapper"> <div class="lookForMonth_top"> <div class="selectDate"> <div>{{year}} 年 {{month}} 月</div> <div class="up 阅读全文
posted @ 2020-10-27 00:48 陈山豆 阅读(1346) 评论(0) 推荐(1)
vue封装公用弹出框方法，实现点击出现操作弹出框
摘要：如上图所示，这次要实现一个点击出现操作弹框的效果；并将这个功能封装成一个函数，便于在项目的多个地方使用。 ###具体思路是： 封装一个组件，组件保护一个插槽，我们可以根据不同的场景，利用插槽随意在这个弹框里插入任何元素，这个弹框显示时根据我鼠标的点击位置，定位弹窗的位置，并在组件里面监听鼠标抬起事件 阅读全文
posted @ 2020-10-25 18:53 陈山豆 阅读(3550) 评论(0) 推荐(0)
vue实现拖拽排序
摘要：##基于vue实现列表拖拽排序的效果 在日常开发中，特别是管理端，经常会遇到要实现拖拽排序的效果；这里提供一种简单的实现方案。 ###首先，我们先了解一下js原生拖动事件: 在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 阅读全文
posted @ 2020-10-15 01:46 陈山豆 阅读(7080) 评论(0) 推荐(0)
移动端调试vConsole
摘要：##移动端调试vConsole 当我们在进行移动端开发的时候，经常会出现在pc显示正常，在移动端却各种异常的情况。这时候我们在手机上又看不到error log。 所以我们就需要vConsole这样一个移动端开发神器。 具体使用vConsole方法如下： ###1、下载下来引入 CDN地址：https 阅读全文
posted @ 2020-10-14 23:12 陈山豆 阅读(476) 评论(0) 推荐(0)
vue自定义插件封装，实现简易的elementUi的Message和MessageBox
摘要：vue自定义插件封装示例 ###1、实现message插件封装（类似简易版的elementUi的message） ###message组件 <template> <transition name="msgbox-fade" @after-leave="handleAfterLeave"> <div 阅读全文
posted @ 2020-10-14 00:59 陈山豆 阅读(3569) 评论(2) 推荐(1)
前端vue使用高德地图
摘要：首先，注册Key 注册开发者账号，成为高德开放平台开发者 登陆之后，在进入「应用管理」 页面「创建新应用」 为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」 然后，书写代码 在vuecli public文件夹中的index.html添加导入 JS API 的入口脚本标 阅读全文
posted @ 2020-10-13 00:58 陈山豆 阅读(2620) 评论(0) 推荐(1)