![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
樵得樵眼笑眉舒
这个作者很懒,什么都没留下…
展开
-
日期组件,点击前一天后一天更改日期组件的值
prevDate (item) { // item 日期组件的值所属对象 //前一天 let odata = new Date( new Date(item.dataDate).getTime() - 24 * 60 * 60 * 1000 // item.dataDate 日期组件的值 ); //计算当前日期 -1 item.dataDate = this.convertToDate(odata); //格式化日期并赋值 }, nextDate (item) { /原创 2021-11-16 14:48:48 · 303 阅读 · 0 评论 -
vue中一个标题过多,选中时自动滚动到中间
废话少说,先看效果下面放代码<template> <div> <div class="info"> <div class="info-list"> <div class="info-list-box" id="infomationTitleBox"> <ul class="info-list-ul" id="infomationTitleUl">原创 2021-11-12 09:16:53 · 1040 阅读 · 0 评论 -
el-dialog中嵌套el-tabs,点击关闭按钮时页面卡死的问题
el-dialog中嵌套el-tabs,点击关闭按钮时页面卡死的问题在el-dialog中嵌套el-tabs时,点击关闭按钮导致页面卡死问题,是element组件的bug,把el-dialog的destroy-on-close属性去掉就好了原创 2021-06-21 18:57:42 · 724 阅读 · 0 评论 -
element-ui在el-dialog中使用Tooltip组件显示不出来问题解决
今天在开发中遇到一个问题,在el-dialog中使用Tooltip 组件时,有时候会出现Tooltip组件弹出框未显示的问题.解决方法也比较简单,需要去掉dialog组建的destroy-on-close属性就好了.原创 2020-12-07 19:26:26 · 2513 阅读 · 0 评论 -
el-table展开行 +懒加载功能实现表格嵌套
背景需求如下图,想要在表格展开行中再嵌套一个表格,外层表格数据和内层表数据由两个接口提供,故需要用类似懒加载的功能实现。为什么说类似懒加载,是因为我发现el-table组件自带的树形数据与懒加载并不能满足子表格组件展示字段与父表格组件展示字段不一致的需求,所以我选择采用展开行 + expand-change事件来实现。实现中遇到的问题通过展开行+ expand-change实现时,遇到一个很大的问题,就是el-table组件在更新数据内部某个属性值时,并不能实时刷新dom视图,这样会导致每次在ex原创 2020-10-13 15:40:28 · 7531 阅读 · 11 评论 -
Vue中使用CodeMirror插件
介绍CodeMirror是一个代码编辑器组件,可以嵌入到Web页面中。核心库仅提供编辑器组件,不提供伴随按钮,自动完成或其他IDE功能。它提供了丰富的API,并且支持语法高亮显示,自动提示等功能。相关网址Vue官方插件库推荐的集成实现codemirror 支持的语言类型codemirror 官网基本用法安装插件npm i codemirror --save引入核心配置文件// 引入全局实例import _CodeMirror from 'codemirror';// 核原创 2020-10-12 10:16:29 · 3441 阅读 · 3 评论 -
codeMirror自动补全(sql)元数据结构提示 动态提示库下面的表名 表下的字段名
Vue中codeMirror自动补全(元数据库>表>字段联想提示)参考文档(codeMirror使用说明说)codeMirror官网需求: 在输入sql时,可以根据元数据自动提示某个库下面所有的表和字段(例如: hive.table.field)当我输入hive. 会自动提示后面所有的table选项.往后同理.具体效果如下图实现方法:第一步,引入codeMirror 必须文件和自动提示插件// 引入全局实例import _CodeMirror from 'codemirror';原创 2020-06-23 12:13:31 · 9234 阅读 · 21 评论 -
ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法
VUE中关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法今天做项目时,在用到element中的MessageBox弹窗组件的时候,同事提出了一个需求,要求取消按回车默认触发确定按钮的点击事件,理由是删除操作的时候点快了可能会误删…于是我就开始各种在网上查找资料,终于让我找到一位大佬提供的解决方法,建议先阅读完这篇文章,再来观阅我按照以上这位大佬提供的方法,确实成功的解决了回车触发事件问题,但是我发现又出了一个新问题,鼠标第一次点击原创 2020-05-11 15:13:49 · 6428 阅读 · 6 评论 -
Vue中使用WebDataRocks插件,文件大于1M被限制解决办法
WebDataRocks打开大于1M的文件最近在vue项目中使用WebDataRocks插件进行数据分析,发现打开文件超过1M就会被限制,如下图为了解决这个问题废了挺大劲,最终解决了.下面给出解决方法:首先说一下,这个方法目前只有在WebDataRocksv1.1.0版本中测试过并成功,现在默认安装应该是1.2.0版本的(本人比较懒没有测试1.2.0版本的),可以先用此方法在1.2.0版本...原创 2020-04-15 12:13:59 · 2348 阅读 · 9 评论