随笔分类 - vue
摘要:需求需要在echarts tooltip点击跳转对应的页面,效果如下 背景项目是用vue3和echarts实现的,echarts版本(^5.3.3),并不能把点击事件绑定在window上 且echarts 没有提供点击tooltip的方法(因为当前是基于qiankun的一个微应用)参考其他解决方法比
阅读全文
摘要:出处 https://developer.aliyun.com/article/1291816 wangEditor 是一个开源 Web 富文本编辑器,开箱即用,配置简单 官网链接:https://www.wangeditor.com 使用流程: 1.在项目中安装wangEditor 输入以下命令安
阅读全文
摘要:第一步:引入 toRaw 方法,toRaw 可以将响应类型数据转化为普通类型数据,具体使用方法是:toRaw(obj)<template></template><script setup> import { ref, reactive, toRaw, onMounted } from "vue";
阅读全文
摘要:前言 在 Vue 应用中,debugger; 语句用于在代码中设置断点,以便在浏览器的开发者工具中进行调试。 这个语句会使得代码在执行到这一行时停止,你可以查看当前的变量值、调用堆栈等信息。 问题 在需要调试的地方,加上 debugger; 后,在浏览器开发者工具中,发现断点没有生效。 解决方案 1
阅读全文
摘要:1. 找到项目中的 package.json 文件 2. 找到 eslintConfig 配置参数 3. 在 eslintConfig 下的 rules 添加 "no-debugger": "off", "no-console": "off" 作者:Fisher_de15链接:https://www
阅读全文
摘要:1.问题报错场景 描述问题出现的场景:vue项目的终端报错 2.报错代码 错误展示❌: error 'tableData' is assigned a value but never used no-unused-vars 错误解释: error ‘tableData’ is assigned a
阅读全文
摘要:之前碰到局域网中搭建地图需求,用leaflet进行操作(vue2项目),以此记录: 一.安装引入 1 npm install leaflet --save 在main.js中引入(也可以在所需页面引入,由于leftlet很小,只有38K,就直接全局了) 1 2 import L from "leaf
阅读全文
摘要:使用PowerShell,创建vue项目时,出现了以下错误导致创建失败: vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https: /http://go.microsoft.com
阅读全文
摘要:今天在安装flowise的时候提示 npm报错:request to https://registry.npm.taobao.org failed, reason certificate has expired 看提示是淘宝镜像过期了。找了一下资料,好像是npm 淘宝镜像已经从 registry.n
阅读全文
摘要:解决办法:首先npm config set proxy null 代理置为空 运行npm cache clean --force清理缓存 然后尝试执行npm config set registry http://registry.npmjs.org/ 如果嫌安装依赖慢的话 可以使用国内淘宝镜像npm
阅读全文
摘要:目录 1.地图添加 1.1 单个地图添加 1.2 多图层添加 2.添加OSM全球建筑物白膜 1.地图添加1.1 单个地图添加使用new Cesium.Viewer(container, options)初始化图层: 在图层中使用imageryProvider在cesium中平铺各服务器的地图服务,提
阅读全文
摘要:第一次用vue搭建的项目,在同时有多个表格显示的情况下,还是建议不使用vue这种单页面框架,一旦table数据量大时,页面就会出现几秒的卡动。 回归正题 还是讲讲jsPlumb怎么绘制一个流程图 安装 jsPlumb npm install jsPlumb --save 安装成功后在node_mod
阅读全文
摘要:https://www.cnblogs.com/LUA123/p/11281604.html 先去百度开放平台申请ak。http://lbsyun.baidu.com/ 进来之后 按照步骤走,先登录百度账号,然后申请成为开发者,然后申请ak密钥 填写完毕后提交,会给你邮箱发个激活邮件 点击申请密钥
阅读全文
摘要:Vue项目引入天地图 在vue的静态资源目录下的index.html中引入天地图的底图 http://lbs.tianditu.gov.cn/api/js4.0/guide.html 在引入了vue项目以后及将需要用到的功能从window对象下赋值给当前项目的Data <script type="t
阅读全文
摘要:<template> <div style="width: 100%; height: 100%"> <div id="viewDiv" style="width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; positi
阅读全文
摘要:安装 esri-loader>> npm install esri-loader1Vue 文件中引入 esri-loaderimport { loadCss, setDefaultOptions, loadModules } from "esri-loader"; setDefaultOptions
阅读全文
摘要:原文:https://www.jianshu.com/p/1704b5935a8 【时间选择器】 Element UI手册:https://cloud.tencent.com/developer/doc/1270中文文档:http://element-cn.eleme.io/#/zh-CNgithu
阅读全文
摘要:运行: " npm run dev "报错: 如下图, ““You may use special comments to disable some warnings.”原因:Eslint的检测机制。 两种方法解决方法 一在build/webpack.base.conf.js文件中 注释 掉第43行
阅读全文
vue的开发中v-for报错 [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives.
摘要:用的VS Code 工具,安装了vetur插件,报错了如下 [eslint-plugin-vue] [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-v
阅读全文
摘要:“ReferenceError: “Promise”未定义"” IE不支持promise解决办法 //引入 <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"> </script> //或 <script type="text/jav
阅读全文