- 博客(19)
- 收藏
- 关注
RSS订阅原创 关于vue3 + ts + setup语法糖使用vuex中mutations定义的方法
vue2的写法是这样vue3 + ts + setup语法糖这样用有其他的解决方法麻烦踹我一下😭
2022-07-12 11:58:21
894
1
原创 关于vue的组件重新加载
因为项目样式的问题，所以没有选择去使用路由跳转，而是在一个页面当中import。这样随之而来的问题就是进来默认加载造成的页面非常卡...那么想了一个办法解决这个问题利用组件重新加载 详细 > 传送门最开始是 定义一个数组 push数据，然后遍历，如果有的话返回个true给组件上面的v-if显示数据。这是我的代码。（修改前）function这样子的弊端是，首次加载效果比较好，如果是数据需要进入一次刷新一次的就不是特别的好了。所以我修改了一下代码(因为项目上了ts 所以用的 ts语法 还加了setu
2022-07-10 22:39:57
5194
原创 ️elasticsearch定时删除数据
进入kibana点击小扳手指令(删除15天前的数据)如果有deleted则删除成功，请求生效。!注意，这里的@time_stamp是在logstash搬运数据的时候映射的字段，所以此索引当中👇@time_stamp是数据库中的创建时间@timestamp是数据录入到elasticSearch的时间time_stamp是数据库钟的字段名，映射给了@time_stamptime_stamp和@time_stamp在elasticSearch中的区别是字符串和日期格式的区别所以需要在上篇文章的.
2022-07-06 17:23:04
2609
原创 docker安装logstash
1.先pull镜像2.创建映射的配置文件夹3./usr/share/logstash下创建配置文件3./usr/share/logstash/conf.d下创建配置文件内容
2022-07-06 11:27:52
2594
2
原创 docker安装kibana
1.先pull镜像2.容器运行解析👇命名成kibana指定elasticsearch的地址映射端口指定镜像设置中文重启容器就是中文界面了3.浏览器跳转ip:5601 (成功出现下图)
2022-07-06 11:21:17
1402
原创 docker安装elasticsearch教程
1.先pull镜像2.创建映射的配置文件夹3.容器运行解析👇命名成elasticsearch 映射端口映射端口指定elasticsearch部署模式设置内存(给小了影响录入效率，而且会溢出)具名共享目录具名共享目录具名共享目录指定镜像4.浏览器跳转 ip:9200 出现下图即启动成功(有uuid才算启动成功).........
2022-07-06 11:18:15
588
原创 ELK的使用(elasticsearch、logstash、kibana)
elasticsearch、kibana安装在docker =>传送门logstash放在本机里面。config=>然后在logstash的bin目录里面，cmd打开logstash -f 你的名字.conf回车，运行指定的配置文件有一些朋友这一步会出错，可能是java环境的问题。降低一下java版本。就会搬数据到ES里面去了，如果查询的时候经常erro的话，到docker里面把内存调大一些即可解决问题。............
2022-07-05 17:50:12
141
原创 关于TypeScript的一些坑
首先是数据的问题了，因为我昨天把自己的VUE项目加了个TypeScript然后我踩到的一些坑如果是要用axios获取数据然后在template当中for渲染需要这样声明监听
2022-06-15 01:55:29
155
原创 Vue Cannot read properties of undefined的问题
有时候后端拿数据，然后前端调用会出现undefined的问题，但是前端页面正常渲染。只需要在渲染的地方加一个 v-if="数据数组.length != 0"就好了比如↓
2022-06-15 01:35:21
638
原创 vue3 + element-plus关于icon报Component that was made reactive的问题
[Vue warn]: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`. Component that was made reactiv
2022-06-15 01:33:59
900
原创 element ui 到 element plus的一些小问题
书接上文vue2 + element-ui到 vue3 + elment-plus我遇到的一些问题以下以及解决方法标签中抛弃了:visible.sync的写法，改成v-model就好了标签中使用 包住你的主题内容标签中有时候可能需要过滤一下出来的选项element-ui我是这么写的element-plus改成了这样子然后是写项目的时候可能有点原因需要跳转以后重新刷新一下到本地页面...
2022-06-15 01:32:51
1402
1
原创 vue2 到vue3的一些小问题
最近几天把写的项目转移到了Vue3和Element-plus遇到的一些小问题首先定义全局方法的方式 还有引用变了Vue3我是这么写的然后main.js这样引用然后是Vuex，如果是脚手架自己选择的Vuex安装那么就会在store下生成一个index.js文件，只要把原来的2项目中的代码放进对应的钩子下面就好了然后这么引用然后是axios的api端口替换 以及 启动的端口更改在3是这样子的在根目录下有一个vue.config.js这样写就好了最后就是eslint真的好玩，
2022-06-15 01:31:15
146
原创 关于Vue数组方面的移除
因为是通过后端拿数据分别渲染不同的组件。所以在筛选的时候出现了重复数据，对此我进行了以下去重的方法使用delete 的方法来删除数组中的元素变成了empty，但是数组长度不变如果使用this.$delete则会改变下标...
2022-06-15 01:29:22
863
原创 针对axios.then(data =＞ this.data = data)的一些问题解决
上一个文章写了封装全局的方法然后今天写项目碰到的问题是，我想处理数据，然后更改数据，并在特定的条件之下重新查询，会发现由于then的机制导致一直显示后端发送的数据。我的解决方法比较粗暴就是在template中给展示数据的地方上v-if和else声明一个data来解决具体代码方法在这里 大佬轻喷...
2022-06-15 01:28:08
537
原创 vue定义一个全局function用于axios的数据获取
今天自己写攻略项目的时候突发奇想弄一个全局的axios的function方便自己使用不过之前弄的时候并没有了解axios的机制，导致在return了一个 object promise里面卡了一个下午后面发现只需要.then就好啦。操作是创建一个js然后在main.js中引用最后在vue页面只需要这样就好啦 至少看上去很整洁鹅鹅鹅 控制台效果。 大佬们轻点喷...
2022-06-15 01:26:57
291
原创 记录elementPlus 模态框modal的BUG
书接上回我的modal框的问题由于我自己的项目使用了z-index还使用了绝对定位，导致我的模态框没有办法覆盖所有的组件让我很头疼，升级到了elementPlus以后我在官方文档找到了解决的方法， 如下>如果是图片预览 就在标签里面加入:preview-teleported="true"如果是el-drawer就在标签里面加入:append-to-body="true"希望能能够解决大家的问题。...
2022-06-15 01:24:00
400
原创 记录elementui 模态框modal的BUG
不知道为什么我的项目模态框一直占用最上层导致无法操作看了一下文档有一个简单粗暴的方法dialog 加 :append-to-body="true"el-drawer加 :append-to-body="true"如果还是没用就只能关闭了 直接在el-drawer中加一个 :modal="false"关闭模态框的弹出就好了如果想要保留模态框的话可以看下这篇文章 我参照这个文档虽然说不会占用最上层，但是其他组件有一些小问题，所以直接关闭了模态框显示...
2022-06-15 01:23:13
495
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人