![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
VUE相关知识自己犯的错
风兮梧桐
这个作者很懒,什么都没留下…
展开
-
平板端用PC端代码兼容问题
第一步解决select的问题,第二步解决input如果有值也需要点两次的问题。1.如果点了layout部分,mian部分的内容都需要点两次。原创 2024-04-17 13:41:06 · 281 阅读 · 0 评论 -
报错: Error in beforeDestroy hook: “Error: [ElementForm]unpected width “
原因:v-show 并不会删除dom,只是控制了是否显示。报错的分析:获取form的宽度失败,因为auto的时候没有固定的宽度,getComputedStyle().width返回的应该就是auto,组件在添加和删除处理宽度就会把auto强制换为int时变为NaN,所以报错了。自定义表单的双侧拖拽,用了el-tabs,但是el-tabs原理是v-show,解决办法:给el-tabs之中的内容加个v-if即可。beforeDestroy导致关闭页面出错,原创 2024-01-11 12:49:28 · 1286 阅读 · 1 评论 -
前端解析excle
/只能通过工作表名称来获取指定工作表。}) // 以二进制流方式读取得到整份excel表格对象。msg: '文件类型不正确',msg: '文件解析成功',// 遍历每张表读取。原创 2023-10-29 20:48:39 · 292 阅读 · 0 评论 -
tinymce外部按钮进行工具栏更换背景颜色设置
【代码】tinymce外部按钮进行工具栏更换背景颜色设置。原创 2023-09-12 08:39:37 · 443 阅读 · 0 评论 -
tinymce之中嵌套div,光标移动到DIV的时候DIV边框出现,移出边框消失
在tinymce的setup阶段进行配置。原创 2023-08-30 10:56:34 · 236 阅读 · 0 评论 -
富文本tinymce外围的DIV拖拽后内容插入到富文本之中
做了两个的富文本框,tinydemoId0是唯一的,等正式项目根据内容循环出来唯一ID就可以了。父页面也是两个盒子可拖拽,同理正式项目的时候直接循环就行了,循环的代码是注释掉的那一段。因为是在做原型图的时候调查的,所以代码用的是原生JS,富文本插件用的是tinymce。原创 2023-08-30 10:54:21 · 442 阅读 · 0 评论 -
多种拖拽= =自用留档
'数据集名称' : '数据源名称' }}:{{ itm.fieldBelongName }}'数据集名称' : '数据源名称' }}:{{ itm.fieldBelongName }}生成计算'模板字段' : '数据源字段' }}原创 2023-06-30 14:16:10 · 568 阅读 · 0 评论 -
leader-line相关配置问题
但是用的若以框架,本身的配置文件和上述代码冲突,所以换了个地方进行配置。这段代码加在chainWebpack配置之中即可。安装完两个插件都是教去改config。原创 2023-08-17 10:17:38 · 340 阅读 · 2 评论 -
vue手写多对多关联图,连线用leader-line
【代码】vue手写多对多关联图,连线用leader-line。原创 2023-08-11 16:23:32 · 1551 阅读 · 0 评论 -
显示隐藏会根据长短变化的tooltip组件(自用留档)
import Vptip from "@/components/vptip" // 自定义Tooltip 文字提示。原创 2023-06-30 14:20:49 · 240 阅读 · 0 评论 -
前端运用element ui-table写分页和排序
主要难点在于通过this.$refs.table.tableData获取到table实际所渲染的数据。原创 2023-06-30 14:16:19 · 574 阅读 · 3 评论 -
echars地图相关
【代码】echars地图相关。原创 2023-06-21 17:14:43 · 90 阅读 · 0 评论 -
通过计算属性来更改几个数据,针对于这几个数据有失焦事件,但是先触发了失焦事件,后获得到了计算属性怎么办,我想先获取到计算属性的值再进行失焦事件
监听计算属性 fullName,当它变化时立即手动调用 onBlur 方法,这样就可以保证在失焦事件中获取到计算属性的最新值。这两种方法的原理都是:确保在失焦事件执行时,计算属性已完成更新,以获取其最新计算的值。这可能会导致失焦事件先触发,获取到的计算属性值还未更新的情况。要解决这个问题,有两种方法:1. 在失焦事件中加入 setTimeout,等计算属性重新计算后再获取其值。setTimeout 的延时时间设置为 0,是为了放到队列末尾,等编译器完成计算属性的重新计算后再执行。原创 2023-05-22 17:30:45 · 315 阅读 · 0 评论 -
VUE文件上传
【代码】VUE文件上传。原创 2022-10-25 11:16:49 · 1068 阅读 · 0 评论 -
如何将element-ui的footer跟随浏览器高度变化隐藏
自留:如何在使用element-ui的时候设置footer跟随浏览器高度变化消失原创 2022-08-08 10:42:28 · 560 阅读 · 0 评论 -
element ui 的input相关样式修改
input原创 2022-08-22 19:18:58 · 147 阅读 · 0 评论 -
时间选择器清空改为null的时候第二次传值报错
根据前一个年份的变化,要将时间选择器内容首先清空,然后监听,在监听之中对checktime进行操作。element ui本身的bug,更改方法如下。原创 2022-09-14 19:40:12 · 166 阅读 · 0 评论 -
element ui使用折叠面板时产生的问题
element ui的折叠面板产生的问题原创 2022-08-24 08:51:26 · 947 阅读 · 0 评论 -
VUE动态导航守卫
动态导航守卫如图所示,只负责阻拦用户通过地址栏位置拼上去的问题,不负责解决显示隐藏问题,显示隐藏还是由条件判定更改。原创 2022-10-25 11:07:12 · 318 阅读 · 0 评论 -
时间联选器动态控制范围时无法获取到this实例的解决办法
时间选择器跟随前一个选择器的下拉框内容来界定范围时,写在计算属性里面去控制可选不可选内容。然后写在计算属性里面的时候会找不到this.searchForm.timeYear。一种是把获取写在return外面,一种是用箭头函数来解决效果如图所示。原创 2022-09-09 12:15:17 · 603 阅读 · 0 评论 -
vue项目中用element ui中Form的自定义校验位置(包含多个表单循环校验)
多个表单同时校验,动态ref,循环调用,附上html的动态ref写法。return之中role附上规则方法。data部分之中写校验规则。原创 2022-10-25 11:21:39 · 964 阅读 · 0 评论 -
element ui的table相关样式修改(待补充)
如何更改elementui的table部分样式(待补充)原创 2022-08-22 15:44:14 · 1940 阅读 · 0 评论 -
关于用同一个Form写编辑和添加的VUE报错
使用vue时,添加和修改使用同一form后产生的trim报错[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'trim')"原创 2022-03-10 09:46:04 · 1836 阅读 · 0 评论 -
侧边框导航刷新之后被选中状态消失
页面刷新之后被选中状态消失改法原创 2022-08-26 10:04:13 · 162 阅读 · 0 评论 -
关于同一组件第二个数据不更新
第一个组件中数据不更新,第二个更新,但是前一个的数据和后一个数据都完成了,后来发现是由于ref名字相同所导致的ref只会对后一个进行执行。原创 2022-09-13 10:12:14 · 217 阅读 · 0 评论 -
全局配置遮罩层(VUE Element Ui)
配置element ui的全局加载遮罩层(VUE)原创 2022-11-11 08:44:08 · 1484 阅读 · 0 评论 -
element ui带输入建议下拉框
【代码】element ui带输入建议下拉框。原创 2022-09-14 21:36:30 · 1025 阅读 · 0 评论 -
前端如何对下载的文件进行命名
如图为写死为了年度计划。原创 2022-09-14 19:41:56 · 595 阅读 · 0 评论 -
深拷贝改变响应式导致时间选择器失效
原代码是这样在监听里给赋值的,表单的数据来源是父组件所传来的数据,然后因为数据过多直接进行深拷贝了,改变了响应式,虽然在data里面声明了datavalue,但是在深拷贝之后数据也不是响应式的了,然后这个时候再去更改时间段选择器的数据就会造成时间选择器更改不了时间段的现象。解决办法有两种,一种是用$set方法将datavalue变成响应式的,一种是不用深拷贝而是一个字段一个字段赋值,此处附上$set。原创 2022-09-22 09:02:48 · 173 阅读 · 0 评论