- 博客(23)
- 收藏
- 关注
RSS订阅原创 arco.design vue Select组件滚动跟随问题
发现可能是弹出层脱离了滚动容器，根据提示，使用 popup-container=“#app” 指定下弹出层的渲染位置后，不配置trigger-props也未出现问题。为select组件配置了trigger-props: {updateAtScroll: true}属性，下拉框还是不能实现滚动跟随，如图。
2024-01-08 16:41:11
1132
1
原创 vue3使用echarts切换路由页面空白及resize报错
vue3中使用echarts遇到的两个问题。1、切换路由后再切回来，图标显示空白。2、resize报错。
2022-07-29 15:29:35
1935
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
1001
原创 导出接口为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
1161
原创 使用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
2979
原创 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
805
原创 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
2478
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
2450
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
1562
原创 vue3中全局注册组件
import DatePicker from "./src/date-picker"DatePicker.install = app => { app.component(DatePicker.name, DatePicker)}
2021-07-08 14:17:34
1021
原创 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
1331
原创 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
3373
原创 百度地图-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
3487
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
2792
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
563
原创 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
593
原创 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
849
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人