我的Vue学习记录
ESLint不用不用不用
枫火叶灵
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于vue的router中 children中的path不能带 `/`
发现了children中的path不能带 /原创 2022-09-27 20:07:15 · 732 阅读 · 1 评论 -
关于vue3 + ts + setup语法糖使用vuex中mutations定义的方法
vue2的写法是这样vue3 + ts + setup语法糖这样用有其他的解决方法麻烦踹我一下😭原创 2022-07-12 11:58:21 · 1046 阅读 · 1 评论 -
关于vue的组件重新加载
因为项目样式的问题,所以没有选择去使用路由跳转,而是在一个页面当中import。这样随之而来的问题就是进来默认加载造成的页面非常卡...那么想了一个办法解决这个问题利用组件重新加载 详细 > 传送门最开始是 定义一个数组 push数据,然后遍历,如果有的话返回个true给组件上面的v-if显示数据。这是我的代码。(修改前)function这样子的弊端是,首次加载效果比较好,如果是数据需要进入一次刷新一次的就不是特别的好了。所以我修改了一下代码(因为项目上了ts 所以用的 ts语法 还加了setu原创 2022-07-10 22:39:57 · 5373 阅读 · 0 评论 -
关于TypeScript的一些坑
首先是数据的问题了,因为我昨天把自己的VUE项目加了个TypeScript然后我踩到的一些坑如果是要用axios获取数据然后在template当中for渲染需要这样声明监听原创 2022-06-15 01:55:29 · 231 阅读 · 0 评论 -
Vue Cannot read properties of undefined的问题
有时候后端拿数据,然后前端调用会出现undefined的问题,但是前端页面正常渲染。只需要在渲染的地方加一个 v-if="数据数组.length != 0"就好了比如↓原创 2022-06-15 01:35:21 · 950 阅读 · 0 评论 -
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 · 1082 阅读 · 0 评论 -
element ui 到 element plus的一些小问题
书接上文vue2 + element-ui到 vue3 + elment-plus我遇到的一些问题以下以及解决方法标签中抛弃了:visible.sync的写法,改成v-model就好了标签中使用 包住你的主题内容标签中有时候可能需要过滤一下出来的选项element-ui我是这么写的element-plus改成了这样子然后是写项目的时候可能有点原因需要跳转以后重新刷新一下到本地页面...原创 2022-06-15 01:32:51 · 1704 阅读 · 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 · 223 阅读 · 0 评论 -
关于Vue数组方面的移除
因为是通过后端拿数据分别渲染不同的组件。所以在筛选的时候出现了重复数据,对此我进行了以下去重的方法使用delete 的方法来删除数组中的元素变成了empty,但是数组长度不变如果使用this.$delete则会改变下标...原创 2022-06-15 01:29:22 · 989 阅读 · 0 评论 -
针对axios.then(data => this.data = data)的一些问题解决
上一个文章写了封装全局的方法然后今天写项目碰到的问题是,我想处理数据,然后更改数据,并在特定的条件之下重新查询,会发现由于then的机制导致一直显示后端发送的数据。我的解决方法比较粗暴就是在template中给展示数据的地方上v-if和else声明一个data来解决具体代码方法在这里 大佬轻喷...原创 2022-06-15 01:28:08 · 644 阅读 · 0 评论 -
vue定义一个全局function用于axios的数据获取
今天自己写攻略项目的时候突发奇想弄一个全局的axios的function方便自己使用不过之前弄的时候并没有了解axios的机制,导致在return了一个 object promise里面卡了一个下午后面发现只需要.then就好啦。操作是创建一个js然后在main.js中引用最后在vue页面只需要这样就好啦 至少看上去很整洁鹅鹅鹅 控制台效果。 大佬们轻点喷...原创 2022-06-15 01:26:57 · 359 阅读 · 0 评论 -
记录elementPlus 模态框modal的BUG
书接上回我的modal框的问题由于我自己的项目使用了z-index还使用了绝对定位,导致我的模态框没有办法覆盖所有的组件让我很头疼,升级到了elementPlus以后我在官方文档找到了解决的方法, 如下>如果是图片预览 就在标签里面加入:preview-teleported="true"如果是el-drawer就在标签里面加入:append-to-body="true"希望能能够解决大家的问题。...原创 2022-06-15 01:24:00 · 532 阅读 · 0 评论 -
记录elementui 模态框modal的BUG
不知道为什么我的项目模态框一直占用最上层导致无法操作看了一下文档有一个简单粗暴的方法dialog 加 :append-to-body="true"el-drawer加 :append-to-body="true"如果还是没用就只能关闭了 直接在el-drawer中加一个 :modal="false"关闭模态框的弹出就好了如果想要保留模态框的话可以看下这篇文章 我参照这个文档虽然说不会占用最上层,但是其他组件有一些小问题,所以直接关闭了模态框显示...原创 2022-06-15 01:23:13 · 672 阅读 · 0 评论
分享