
Antd
Antd
小道仙97
一个不务正业的程序员,梦想成为家庭煮夫。【五十岁退休】
展开
-
Antd之获取table每一行数据
先看效果图第一步:在你的action外面套一个template第二步:获取当前行的数据第三步:测试分别点击两个查看按钮,打印出不同的数据原创 2019-04-10 16:09:09 · 14569 阅读 · 5 评论 -
antd-skeleton【antd之骨架屏使用-vue版】
原地爆炸,antd的生态是真的不好。希望开发者多上点心吧想做个骨架屏,全网没有搜索相关的文章,然后强行去看文档(文档的例子也是少)没想到做完之后还这么丑,我。。。直接把代码给大家吧,大家应该就懂了怎么使用...原创 2019-07-03 22:35:46 · 4342 阅读 · 0 评论 -
按需导入antd/ant-design-vue,Nuxt按需导入antd/ant-design-vue
1、首先我在创建项目的时候就选择了antd这个框架,所以插件那块会有一个antd-ui.js如果没有的话,可以npm安装以下antd,然后按照上面的目录建立一个jsnpm i ant-design-vue1、按需导入import Vue from 'vue'import { Carousel } from 'ant-design-vue/lib';import 'ant-des...原创 2019-07-03 21:37:50 · 3497 阅读 · 0 评论 -
Antd按需引入【Vue版】
antd给了两种按需导入的,我很想用第一种,但是弄了半天,就是弄不好,就算了。有知道的小伙伴可以在下面留言告诉我话不多说直接上代码// 按需引入antdimport { Button,Input,Form,Select,Table,Drawer,Icon,Popconfirm,Steps,Col, Radio,DatePicker,Switch } from 'ant-desig...原创 2019-04-23 20:52:51 · 10837 阅读 · 7 评论 -
Antd之Switch 开关初始化是否选中的问题解决
先来看效果在官方的api文档中给出了两个参数,来控制是否选择但是实际使用中却出了问题 当我写checked:true的时候页面上的开关全是关闭状态,当我写checked页面上的开关都是开启的,另外一个属性也是 这两个属性无用 最后解决办法 v-model="record.userStatusBoolean 这是一个boolean值最终效果...原创 2019-04-17 12:06:09 · 9947 阅读 · 6 评论 -
Antd日期回显
Antd 日期回显,注意看下图的右上角日期其实只要创建好了 Moment对象,然后再用setFieldsValue方法就可以了 第一步:创建Moment对象https://blog.csdn.net/Tomwildboar/article/details/89248441第二步:回显...原创 2019-04-12 17:49:19 · 4317 阅读 · 0 评论 -
创建Moment对象
在做一个日期回显的功能,发现无法回显,原来是需要Moment 对象,但是怎么都创建不了这个对象,弄了很久翻墙才找到答案效果图第一步:安装moment (说明我这个是在vue里面使用的)1-1:npm install moment --save 1-2: 在使用的页面引入 1-3: 核心代码(可以改变第二行的代码获取你想要的时间) var time = "16:00";...原创 2019-04-12 17:38:36 · 2590 阅读 · 0 评论 -
Antd 表单一行显示两个input
目的:Andt一行显示两个input本来的效果代码如下 <a-form :form="form" @submit="handleSubmit" le> <a-form-item label="Note" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" ...原创 2019-04-08 15:32:34 · 15907 阅读 · 0 评论 -
Antd日期选择框中文【最新版本,亲测有效】
不得不说Antd的确蛮好用的,但是还是要吐槽,遇到一点问题百度基本上解决不了,而且文档写的也的确不怎么样就这个日期选择器,默认竟然不支持中文???而且百度了半天都是什么鬼???这是默认效果这是之后的效果第一步:根据官方文档导入下面的代码(你可以放在使用日期选择框的界面也可以放在main.js里面)// import zhCN from 'ant-design-vue/lib/loc...原创 2019-04-10 17:40:53 · 5448 阅读 · 5 评论 -
Antd之设置table表头的属性/背景【设置表头的背景色为白色】
这个问题,困扰了我许久,今天终于解决了,开心,哈哈。希望能帮助到各位。这是未改变之前的效果图这是改变之后的效果图第一步:在你的列中增加一个className属性(属性值随意)第二步:去你的index.html页面中加入下面的代码 th.column-money, td.column-money { background-color...原创 2019-04-10 16:23:31 · 29091 阅读 · 12 评论 -
antd之Upload图片回显/获取服务器返回值【vue版本】
看来半天,没看懂怎么获取上传后的返回值。最后终于找到了文件上传的三种状态 uploading (正在上传) 、done (上传成功)、 error(上传失败)代码演示...原创 2019-08-24 22:00:39 · 10267 阅读 · 3 评论