- 博客(21)
- 收藏
- 关注
原创 arco.design vue Select组件滚动跟随问题
发现可能是弹出层脱离了滚动容器,根据提示,使用 popup-container=“#app” 指定下弹出层的渲染位置后,不配置trigger-props也未出现问题。为select组件配置了trigger-props: {updateAtScroll: true}属性,下拉框还是不能实现滚动跟随,如图。
2024-01-08 16:41:11
792
原创 vue3使用echarts切换路由页面空白及resize报错
vue3中使用echarts遇到的两个问题。1、切换路由后再切回来,图标显示空白。2、resize报错。
2022-07-29 15:29:35
1834
1
原创 openLayers2点聚合常用操作
1、地图初始化及响应事件 map = new Geo.View2D.Map("mapContainerId", { eventListeners: { 'zoomend': zoomendF } }) // 地图注册事件的另一种方式 map.events.register('moveend', this, moveendF) // 基础图层 let baseLayer = new OpenLayers.Layer('baseLayer', { maxResolutio
2022-05-05 14:01:37
936
原创 导出接口为post请求时,前端写法
导出时参数过多,后台便将导出方法改为了post,这时再使用 window.location = url 会报错,查找资料发现可以通过js模仿表单提交的方法取调用。代码如下` let param = {...} // 导出时要传的参数,key-value形式 let url = _DEV_DOMAIN_ + "/monitor-hub/api/PlanAsset/list-detail-export" let form = $('form') form.attr('style', 'display
2022-04-18 17:02:54
1098
原创 使用column-count属性做瀑布流布局
需要注意的问题1、column-count设为2, 但是出现了横向滚动调,问题原因:限制了高度,去掉高度即可2、左边最后一列一部分内容跑到右边去了,原因:未加 break-inside: avoid;3、子元素不要加宽度css代码.parent { height: calc(100% - 50px); overflow-y: auto; .content { column-count: 2; column-gap: 20px; .setting_wrapper { // 不
2022-02-22 09:28:15
2649
原创 mui.previewimage.js图片放大的bug修改
测试人员提了个bug:图片只能放大一次,放大后,自动缩小且不能再放大。经过排查,问题发生原因是在预览图片时,mui.previewimage为图片设置了maxZoom属性,猜测为图片最大放大比例。我发现在计算这个属性的时候,得出的值为NaN。针对这个问题对mui.previewimage.js作如下修改1、修改 proto._loadItemproto._loadItem = function(index, isOpening) { ... // 一些代码,这里不贴了 ... if (!item
2021-11-24 10:42:43
760
原创 leaflet 点聚合(点击后散开)
1、创建地图map = L.map('canvas_id', { maxZoom: 18, minZoom: 1, zoom: _zoom, center: [_center.lat, _center.lng], contextmenu: true, // 右键点击事件,需要leaflet.contextmenu.min.js插件 contextmenuWidth: 140, contextmenuItems: [{ text: '关联设备...',
2021-11-16 10:49:15
2372
6
原创 某组件vue3自定义指令v-click-outside
ClickOutside 为自定义指令const isServer= typeof window === 'undefined'const nodeList = new Map();let startClick = null;if(!isServer) { document.addEventListener('mousedown', e => { startClick = e }) document.addEventListener('mouseup', e => { for
2021-09-14 14:22:27
2330
2
原创 vue中 input type为checkbox的双向绑定
vue中 input type为checkbox时,标签双向绑定一个数组,勾选,做的操作是向绑定的数组 push input 的value<input v-model="arr" :value="'sean'" type="checkbox" @change="handleChange">export default{ data() { return { arr: ['1'] } }, methods: { // 勾选选中时 handleChange() {
2021-09-08 17:57:13
1476
原创 vue3中全局注册组件
import DatePicker from "./src/date-picker"DatePicker.install = app => { app.component(DatePicker.name, DatePicker)}
2021-07-08 14:17:34
989
原创 js 获取当月所有天数,并计算星期与天数对应
做之前以为很难,其实很简单。需要对js操作时间的方法熟悉一些。代码:getCurrentDate() { let now = new Date(); this.dayLength = getDayNum(); for (let i = 1; i <= this.dayLength; i++) { let nowDate = now.setDate(i); const {year, month, day} = formatDate(nowDate);
2021-07-02 16:58:15
1238
原创 vue3 mitt事件重复触发
子元素中发起的事件 setup(props) { onMounted(() => { bus.emit("add", {value: '测试'}) }) return {} }父元素中监听import bus from "@/utils/mitt";...setup(props) { var i = 0; bus.on('add', (d
2021-06-07 14:07:27
3033
原创 百度地图-mapv-聚合点图标使用自定义图像
遇到个需求是点聚合需要使用图片,官方文档没找到解决办法,所以自己修改了下mapv.js文件如下:1、修改mapv.js后点聚合 options 中聚合点相关配置及释义var options = { minSize: 32, // 如果是图标则为聚合图标最小宽、高,非图标则为最小半径 maxSize: 48, // 同 minSize globalAlpha: 0.8, // 透明度 clusterRadius: 150, // 聚合像素半径
2021-04-30 17:04:27
3115
9
原创 Vue项目中使用百度地图+mapv
1、安装依赖npm install vue-baidu-map --savenpm install mapv --save2、main.jsimport BaiduMap from "vue-baidu-map";Vue.use(BaiduMap, { ak: '百度地图key'})3、使用<template> <div> <baidu-map v-model="addressKeyword"
2021-03-10 17:31:50
2657
2
原创 安装依赖包报错
今天安装qiankun时报错:An unexpected error occurred: "EPERM: operation not permitted, mkdir 'D:\\jackey\\workspace\\gs_ycsl\\micro-app-main\\node_modules\\babel-code-frame\\node_modules'".解决方法:清缓存 npm cache clean -force
2020-06-23 09:14:58
505
原创 vue中使用html2canvas生成图片
1、安装插件cnpm install html2canvas2、在页面内引用插件import html2canvas from “html2canvas”3、使用插件 toImage(){ this.$Loading.start(); var scrollHeight = $('#glcontent').prop("scrollHeight"); var height = $('#glcontent').height(); var w
2020-06-22 10:46:09
551
原创 Vue中引入tinymce富文本
Vue中引入tinymce富文本1、npm install tinymce -S 安装插件2、编辑器配置<template> <div class="tinymce"> <div class="tinymce-editor mytiny"> <editor v-model="myValue" :init="init" :disabled="disabled" @onClick="onClick"></editor>
2020-06-18 14:45:45
809
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人