我的Vue学习日记
「已注销」
这个作者很懒,什么都没留下…
展开
-
Vue Cannot read properties of undefined的问题
有时候后端拿数据,然后前端调用会出现undefined的问题,但是前端页面正常渲染。只需要在渲染的地方加一个 v-if="数据数组.length != 0"就好了原创 2022-06-14 00:24:18 · 379 阅读 · 1 评论 -
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-14 00:18:17 · 773 阅读 · 0 评论 -
记录elementPlus 模态框modal的BUG
记录elementui 模态框modal的BUG书接上回我的modal框的问题由于我自己的项目使用了z-index还使用了绝对定位,导致我的模态框没有办法覆盖所有的组件让我很头疼,升级到了elementPlus以后我在官方文档找到了解决的方法, 如下>如果是图片预览 就在标签里面加入:preview-teleported="true"如果是el-drawer就在标签里面加入:append-to-body="true"希望能能够解决大家的问题。...原创 2022-05-31 00:33:31 · 583 阅读 · 0 评论 -
element ui 到 element plus的一些小问题
书接上文vue2 + element-ui到 vue3 + elment-plus我遇到的一些问题以下以及解决方法<el-dialog>标签中抛弃了:visible.sync的写法,改成v-model就好了<el-drawer>标签中使用 <template #default>包住你的主题内容<el-select>标签中有时候可能需要过滤一下出来的选项element-ui我是这么写的<el-select v-model="Sel原创 2022-05-30 22:50:58 · 604 阅读 · 0 评论 -
vue2 到vue3的一些小问题
最近几天把写的项目转移到了Vue3和Element-plus遇到的一些小问题首先定义全局方法的方式 还有引用变了Vue3我是这么写的export function ServerDataRequest(yourUrl) { return this.$axios({ method: "post", url: yourUrl, }).then((res) => { console.log("Request is Sucess! R原创 2022-05-30 22:38:45 · 185 阅读 · 0 评论 -
关于Vue数组方面的移除
因为是通过后端拿数据分别渲染不同的组件。所以在筛选的时候出现了重复数据,对此我进行了以下去重的方法UserSelect() { this.CountReprint = []; if (this.Count_Sprit_Select != "选择复刻次数") { for (let i = 0; i < this.Reprint.length; i++) { if (this.Reprint[i].count == this.Count原创 2022-05-02 19:16:11 · 1718 阅读 · 0 评论 -
针对axios.then(data => this.data = data)的一些问题解决
上一个文章写了封装全局的方法然后今天写项目碰到的问题是,我想处理数据,然后更改数据,并在特定的条件之下重新查询,会发现由于then的机制导致一直显示后端发送的数据。我的解决方法比较粗暴就是在template中给展示数据的地方上v-if和else声明一个data来解决具体代码<div> <el-table :data="Reprint" @row-click="cellmouseenter" height="650" border stripe v-i原创 2022-05-01 22:00:14 · 455 阅读 · 0 评论 -
vue定义一个全局function用于axios的数据获取
今天自己写攻略项目的时候突发奇想弄一个全局的axios的function方便自己使用不过之前弄的时候并没有了解axios的机制,导致在return了一个 object promise里面卡了一个下午后面发现只需要.then就好啦。操作是创建一个jsexport default { install(Vue, options) { Vue.prototype.ServerDataRequest = function getdata(yourUrl) {原创 2022-04-30 19:48:56 · 670 阅读 · 0 评论