ant-design-vue
文章平均质量分 73
陶瓷小兔
所谓门槛,过去了就是门,没过去,就成了槛
展开
-
ant-design-vue中实现modal模态框的复用(添加,编辑展示同一个模态框)
用两个button(添加,编辑)按钮展示同一个模态框,并不是什么大问题,问题在于解决这两个模态框得有自己的确定和取消方法父页面完全接管子页面(利于子页面复用)父页面代码:<template> <div> <-- 定义两个按钮,一个添加按钮, 一个编辑按钮 --> <a-button type="primary" @click="showModal">添加</a-button> <a-button转载 2021-08-12 10:47:04 · 1995 阅读 · 0 评论 -
Ant Design vue自定义文件上传
实际项目中,上传文件时实际可能需要传输一个token。方法一:1、查看vue antdesign文档https://vue.ant.design/components/upload-cn/2、使用customRequestcustomRequest 通过覆盖默认的上传行为,可以自定义自己的上传实现 Function3、定义customRequest,之前定义action行为会被覆盖,可以注释掉4、customRequest代码如下customRequest .原创 2021-07-31 16:40:33 · 4454 阅读 · 0 评论 -
antd-vue的select组件实现既可以输入添加,又可以下拉选择
最近,项目中碰到需求,要求任务类型可以从下拉框(后台返回的数据)中选择,也可以手动输入添加新项,项目用的是antd-vue,所以最接近的组件就是a-select组件了,废话不多说,改造方法如下:HTML: 1 15 16 {{ item.work_type }}17 18 data定义:1 data () {2 return {3 val转载 2021-06-24 20:57:35 · 3387 阅读 · 3 评论 -
antd分页每页多少条中文设置
再引用antd表格的时候经常用到分页,但是设置如上图多少条每页的时候默认是英文的状态,前几天因为用到所以自己摸索了一下如何变成如上图的中文字样。很多文章提到这是antd的国际化设置,没错在引入antd的时候会带有中文语言包。可作如下操作:import React from 'react// 在需要用到的 组件文件中引入中文语言包import zhCN from 'antd/es/locale/zh_CN';// 引入国际化配置import { ConfigProvider,Table .转载 2021-05-25 16:22:45 · 1272 阅读 · 0 评论 -
vue中下载文件导出保存到本地
vue中下载文件导出保存到本地先分析如何下载:先有一个链接地址,然后使用 location.href或window.open()下载到本地看看返回数据res.config.url 中是下载链接地址,res.data 中是返回的二进制数据如何下载...<el-button icon="el-icon-download" @click="download(id)"></el-button>...download(id) { // 导出 this.$A..转载 2021-05-25 11:32:34 · 7431 阅读 · 0 评论 -
antdv form组件的layout属性
antdv form组件的layout属性1、下图是我想要实现的效果2、按如下代码,可是输入框没有和label在同一行,看起来很奇怪 <a-form :form="applyformInline" labelAlign="left"> <a-form-item label="发票类型"> <a-radio-group name="radioGroup" :default-value="1" v-model="apply...转载 2021-05-23 08:47:19 · 1965 阅读 · 0 评论