antd vue+vue3
Ant Design Vue 2 应用
lbchenxy
与简书前端小菜同一作者
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
antd vue table中使用select时候修改第一条,更新后原位置值变成了刚才选中的值
antd vue table 中使用了customRender,修改第一个值为3之后,更新也页面,这条数据去了最后一条,但是轮播图2的排序值也变成了3,我查了一下数据确实是2,到底是什么原因导致了轮播图2的排序值变成了3而不是2呢,vue不是已经解决了这个问题么,为什么还是导致了这个情况的出现?答案:这里边vue根据key值对比数据是否变化更新试图,当你的select没有key的时候,他使用的是这个数据的key值,当你修改之后,他对比发现key值并没有发生变化,所以他不会去更新试图,知道了问题出现的位置原创 2021-11-04 17:19:11 · 786 阅读 · 0 评论 -
vue3+router4 keepalive缓存页面
需求在列表页面上点击查看详情,跳转到一个新的页面,然后返回的时候想返回到跳转时候的页面。实现思路1.vuex中存在一个保存需要缓存的页面name值,当页面跳转j进来的时候执行beforeRouteEnter中往vuex中存储这个值,当页面离开的时候也就是beforeRouteLeave中判断你进入的页面是不是详情页,如果是则保留vuex中的值,如果不是则清空值。2.还存在一种情况就是,我从列表页跳到了详情页,此时vuex中存在了这个值,但是我从详情页去另一个页面而没有回到列表页,这个时候我们就需要去原创 2021-08-20 17:28:55 · 1797 阅读 · 0 评论 -
vue3 keepalive 不生效问题
vue3+router4写法跟vue2的keep有所不同,vue2我就不说了,百度搜索一搜一大堆,<router-view v-slot="{ Component }"> <keep-alive> <component :is="Component" /> </keep-alive></router-view>如果这样写还是没有生效你就需要看一下,你的代码是不是这样的结构了(多层router-view嵌套),如果多层嵌套这原创 2021-08-20 17:05:55 · 6724 阅读 · 11 评论 -
antd vue Menu 缩放成三个点问题
先说一下,我也没有结局,不知道哪里的机制会触发这个。当我使用v-if就会出现这个问题,然后我尝试了v-show可以结局这个问题,但是v-show=false的时候并不是隐藏,建议自己使用Dropdown组件替代一下。antd vue Version2.2.8...原创 2021-08-20 16:00:34 · 1859 阅读 · 2 评论 -
vue3+antd table加一列自增序号(前端实现)
首先我们这篇文章是基于我上边一篇文章增加的新的支持。传送车。当然如果你没有做成组件,直接使用下边也是可以的。需求(表单数据增加一列自增排序的序号列)实现方法:应用api 传送车const columns = [//首先我们需要添加这个支持 num为你自己定义的slot名称,可以定义成任意名称,如果不需要自增序号,需要把这个去掉即可 { title: "序号", slots: { customRender: "num" }, },原创 2021-05-26 09:39:14 · 5251 阅读 · 0 评论 -
antd + vue3实现tree树增加按钮
页面显示写在前面改代码使用slot,接口返回值必须为title,key,children,不能使用API这个会导致我们按钮的slot冲突完整代码<template> <div class="department"> <a-card title="部门管理" :bordered="false"> <div> <a-row class="departmentTitle"> <原创 2021-05-12 14:06:17 · 4593 阅读 · 1 评论 -
vue3+antd的table小组件
antdtable组件支持增加搜索栏配置。增加按钮等操作。闲话少叙,上代码<!-- 更多与收起详见用户管理页面 --><template> <div class="c-data-table"> <a-spin :spinning="spinning"> <a-card :title="title" :bordered="false"> <div class="dt-search" v-if="$s原创 2021-05-06 10:56:58 · 1743 阅读 · 0 评论 -
vue3+antd cannot convert object to primitive value
vue3+antd cannot convert object to primitive value最近用vue3+ antd写了一个新项目,遇到了这样一个问题大家引以为戒最近用vue3+ antd写了一个新项目,遇到了这样一个问题问题描述:我写了一个table组件,然后父组件引用的时候需要用到一些其他的比如弹框啊,tree树啊,但是页面第一次进入都不报错。每次刷新的时候就会出现这个错误这个错误我百度查了很久,告诉我类型错误,但是我没找到我哪里用到过的类型是有问题的。找了好久还是找不到问题出现的点,原创 2021-05-06 10:42:48 · 7188 阅读 · 7 评论
分享