
vue
ahh1005
这个作者很懒,什么都没留下…
展开
-
某组件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 · 2461 阅读 · 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 · 1571 阅读 · 0 评论 -
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 · 3391 阅读 · 0 评论 -
百度地图-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 · 3522 阅读 · 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 · 2823 阅读 · 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 · 569 阅读 · 0 评论 -
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 · 601 阅读 · 0 评论 -
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 · 850 阅读 · 0 评论