![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 58
闲鱼_JavaScript
得不到的才是最弥足珍贵的
展开
-
【疑难杂症】去除浏览器拖拽选中内容产生的地图效果
1. 事情经络:当选中一片内容的时候,然后拖拽这个内容,会发现有这内容的影子被拖着跟着鼠标移动,这其实是浏览器自带的特效功能,可以把你选中的内容快捷拖入文档中.....但是呢在一些特殊的内置浏览器中,这个效果被弄出了白屏拖拽情况。本文译在适配这个bug。2. 功能介绍: (1) 不影响其他正常的选中效果和拖拽效果。 (2)模拟手机端按下、移动、抬起指拇功能,然后在移动的时候禁止触发浏览器默认事件(禁止默认事件则代表着禁止掉拖拽地图bug) (3)在最父级节点做事件监听 鼠标按下、鼠标移动、鼠标抬起原创 2022-10-11 11:59:09 · 326 阅读 · 0 评论 -
echarts地图各种点位实现
1. 实现地图点位的波纹效果2. 可直接以图片的形式充当节点(替换波纹效果)3. 可对标题做图片显示和文字显示原创 2022-09-19 10:12:00 · 1875 阅读 · 0 评论 -
vue2.x的h函数(createElement)与vue3中的h函数
在此你可以对比vue2与vue3中h函数的区别;vue2.x的 h 函数基础介绍及使用(createElement)及vue3中h函数的各种方法使用介绍原创 2022-07-15 11:40:30 · 15761 阅读 · 4 评论 -
vue2函数式组件与vue3中如何修复函数式组件带来的问题
vue2函数式组件介绍及使用vue3中如何修复兼容函数式组件原创 2022-07-15 10:49:32 · 542 阅读 · 0 评论 -
TypeError: Right-hand side of ‘instanceof‘ is not an object
在vue中遇到这个问题是因为props中属性对象的type使用了 |,换成数组的形式就行了原创 2022-07-12 17:24:29 · 1273 阅读 · 4 评论 -
踩坑记录:vue3+vue-cli4.x全局引入样式
全局样式引入介绍及坑位介绍原创 2022-07-01 16:08:46 · 817 阅读 · 0 评论 -
el-table组件封装,持续更新。两种分页模式(滚动、跳转)。render表格渲染。elementui自带分页组件样式更改;
render函数用习惯了,你会爱上它的,表格再也不是问题了。两种分页模式(滚动、跳转);render表格渲染;elementui自带分页组件样式更改;原创 2022-06-21 11:41:41 · 1191 阅读 · 0 评论 -
element-ui的table实现滚动加载,涵el-table组件封装一份
element-ui的table实现滚动加载,涵el-table组件封装一份原创 2022-06-13 17:04:59 · 1805 阅读 · 2 评论 -
element-ui 多级el-dialog后esc功能错误
element-ui 多级el-dialog后esc功能错误原创 2022-06-07 17:45:09 · 702 阅读 · 0 评论 -
盒子拉伸拉扯(左右模式)
左右拉伸盒子,盒子宽度跟着变化。原创 2022-05-25 15:13:56 · 933 阅读 · 0 评论 -
vue 启动项目时浏览器自动启动的四个方案(三种类型)。
配置了不行那就自己手写个!!!原创 2022-05-10 10:26:16 · 5208 阅读 · 0 评论 -
vue-cli2.x升级到vue-cli4.x,vue脚手架升级
vue-cli2.x升级为vue-cli4.x荆棘之路记录方便以后重新走原创 2022-05-07 17:47:15 · 1390 阅读 · 0 评论 -
介绍一种vue添加按钮级权限
进入正题本文按钮级权限逻辑介绍: 1)因为项目的页面级权限已经弄完善了,但是呢,这个时候用户又提出了需要按钮级权限。哎 2)用户登录后去请求一个接口btnList。以每个页面的路由路径为key,值为这个页面的所有按钮级权限 3)此时咱们就可以在各个页面或者组件里面判断 查询、编辑、添加、删除(crud)等权限了 4)需要用到的有 vuex,provide-inject【重新渲染】,mixin接口返回参数 power: { '/goods/detail': [原创 2022-04-19 16:17:16 · 1174 阅读 · 0 评论 -
echarts拓扑图一些功能实现
1. 更新echarts数据2. 给节点添加右键点击事件3. 字体大小跟着 滚动键 缩放4. 线路曲度设置的一些建议5. 线路宽度与颜色的设置6. 节点背景色修改7. 力引导布局设置(节点位置随机但美观,可设置节点拖拽)8. 用vue组件形式添加提示框(echarts 默认不支持vue模板编译)9. 连接线路设置箭头10. 设置自定义工具栏附上一份基础配置......原创 2022-03-25 11:26:12 · 3708 阅读 · 2 评论 -
vue使用高德地图
vue中高德地图推荐使用此方法1.npm 安装2.创建初始文件 loadAMap.js3.在页面或者组件内调用1.npm 安装npm i @amap/amap-jsapi-loader --save2.创建初始文件 loadAMap.jsimport AMapLoader from '@amap/amap-jsapi-loader';export function loadAMap() { return AMapLoader.load({ key: '替换成申请好的key值', //原创 2021-05-26 10:52:47 · 2728 阅读 · 0 评论 -
实现一个简单的 vue-router
功能介绍:1、只为1级路由之间跳转,适合看源码之前看看逻辑2、此模式为 hash 模式;history 模式跟这个大差不差直接看代码,提示全在代码里/** * 最简陋router:只支持一级路由,适合看 vue-router 源码之前看看 * 此模式为 hash 模式,history 模式 大差不差 */let _Vue = nullexport default class VueRouter { // 因为vue挂载是使用Vue.use():如果是函数,则直接调用;如果是对象则会去原创 2022-02-17 16:43:06 · 369 阅读 · 0 评论 -
右键弹框,根据鼠标位置显示 echarts实现vue自定义组件tooltips
功能介绍:1)有边框超出检查2)鼠标右键点击出现弹框3)可以替换echarts的tooltips,实现vue组件写echarts弹框4)可以拖拽移动(可超出边框)效果图:父级代码<template> <div id="box" @contextmenu.prevent="contextmenu" @click="click"> <EchartsTooltip :show="tooltipShow" :data="tooltip原创 2022-01-12 17:15:29 · 1508 阅读 · 0 评论 -
vue中vuex报错 [vuex] module namespace not found in mapMutations(): mapInfo/
vue中vuex报错:解决方式:在mapInfo模块中添加 namespaced: trueconst mapInfo = { namespaced: true, state: { i: 1 }, mutations: { setI(state) { state.i++ console.log(state.i) } }, actions: {}}export default mapInfo官网文档参考地址:https:原创 2021-11-04 11:27:06 · 1807 阅读 · 1 评论 -
vue中使用富文本 tinymce
1.这是一个富文本组件<template> <div :class="{ fullscreen: fullscreen }" class="tinymce-container" :style="{ width: containerWidth }"> <textarea :id="tinymceId" class="tinymce-textarea" /> </div></template><script>//原创 2021-10-20 12:07:24 · 736 阅读 · 5 评论