vue
文章平均质量分 50
vue
---清心寡欲---
这个作者很懒,什么都没留下…
展开
-
若依 在本地运行没有问题,部署后报错Error: Cannot find module ‘@/views/XX‘
若依 在本地运行没有问题,部署后报错Error: Cannot find module '@/views/XX'原创 2023-12-20 13:24:00 · 622 阅读 · 0 评论 -
去掉el-table 最下边的白线
去掉el-table 最下边的白线。/* 去掉table下划线 */原创 2023-04-26 13:20:30 · 553 阅读 · 1 评论 -
vscode 执行npm报错,XXX/node_modules/.bin/vue-cli-service: Permission denied
执行npm报错,XXX/node_modules/.bin/vue-cli-service: Permission denied,由于node_module文件夹没有访问权限。修改访问文件夹权限,在vscode的终端窗口输入命令:chmod -R 755 ./*原创 2023-03-11 21:30:06 · 295 阅读 · 0 评论 -
vue-cropper 拖动图片和截图框
我外层套了一个el-col, el-col的宽高一定要大于截图框的宽高,否则移动不了截图框和图片。can-move-box设置为true,表示可以拖动截图框。can-move设置为true,表示可以拖动图片。开发遇到vue--cropper不能拖动图片和截图框。原创 2023-03-10 11:43:02 · 1843 阅读 · 1 评论 -
vue 鼠标点击图片做红点标记
实现内容需要实现点击图片标记红点,主要实现了两种方式:1. 只要鼠标点击,就进行标记,可标记多个点,再次点击已标记的点,就取消勾选2. 鼠标多次点击界面只存在一个点原创 2023-01-17 16:29:06 · 2418 阅读 · 1 评论 -
vue innerHTML 绑定单击事件不生效
“clickWarnCnt”为自定义的方法,点击事件调用的方法。在使用 vue时候对 innerHTML进行绑定单击事件,绑定后事件不生效。将@click修改为onclick后,方法找到了,但是参数传递不过去。报错找不到方法未定义。最终解决方法:document.getElementById绑定onclick事件,注意如果调用方法,一定要将this赋值给that,再调用方法,具体实现代码如下:原创 2022-12-12 14:57:57 · 1448 阅读 · 0 评论 -
vue中 table中的treeselect 下拉框不显示
table中的treeselect下拉数据不显示解决方法:增加属性 append-to-body z-index="9000"z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。table中的treeselect下拉数据不显示。原创 2022-11-22 11:52:03 · 1908 阅读 · 1 评论 -
vue : 无法加载文件 C:\XXX\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。
在vs code 终端中,执行vue init 命令报错:vue : 无法加载文件 C:\XXX\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。1.点击vs code 图标,右键点击属性→兼容性→设置,勾选“以管理员身份运行此程序”解决方法:2.在终端窗口输入 set-ExecutionPolicy RemoteSigned 输入命令查看 get-ExecutionPolicy 为 “RemoteSigned”3.再次执行vue init就不报错了原创 2022-08-17 11:06:41 · 8344 阅读 · 0 评论 -
vue 方法按照顺序执行
在调用后台方法的时候,由于调用了多个方法,但是执行的时候并没有按照顺序执行,前端需要后台返回的数据,对数据进行页面展示,由于没有按照顺序执行,导致前台页面报错。// 等待方法1、2、3 执行完成后执行方法“lastMethod”// 调用后端接口getMethod1。// 调用后端接口getMethod2。// 调用后端接口getMethod3。// 获取标签和绘制曲线数据。单独执行每个方法,并返回。// 需要执行的方法内容。...原创 2022-08-04 16:31:51 · 11554 阅读 · 0 评论 -
vue Three.js加载.gltf格式的3d文件
把.gltf文件放到public/static文件夹路径下,如下图Tips:如果想下载.gltf的格式文件,可以该网站下载:Sketchfabhttps://sketchfab.com/search?q=gltf&type=modelsnpm install threeimport * as THREE from "three";import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";import { OrbitControls原创 2022-06-07 17:56:07 · 2763 阅读 · 0 评论 -
echarts 实现液位仪
echarts 实现液位仪,动态加载液位数据,实现效果如下:注意:1.代码直接拷贝后缀名改为.html就可以运行了,注意在实际项目应用的时候src="https://fastly.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"要修改为项目中的echarts.min.js地址2.方法 setInterval,每1000ms动态生成的随机数据......原创 2022-06-06 17:06:20 · 686 阅读 · 0 评论 -
若依+websocket+springboot+elementui 实现消息推送
场景服务端有定时任务,会监测预警的一些事件,当定时任务监测到预警产生的时候,需要向WEB端推送预警的内容,实现效果如下图所示:实现思路我使用的框架后端是若依架构,定时任务加websocket通讯,前端采用elementui的Notification 通知进行推送。具体实现-后端一、定时任务,定时任务主要是实现了访问数据库,当满足条件的时候,就进行推送,1.如何标记该类是定时任务,只需要增加@Component("XXX")就可以了2.在若依的系统监测-定时任务开启就可原创 2022-04-12 16:58:30 · 9911 阅读 · 8 评论 -
Vue mounted和created调用方法找不到 mounted TypeError: this. is not a function
Vue mounted和created调用方法找不到 mounted TypeError: this. is not a function原创 2022-04-12 15:37:19 · 2213 阅读 · 0 评论