![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
antd
明阳mark
这个作者很懒,什么都没留下…
展开
-
antd表单自定义验证
标签 <a-modal title="调整水费" :visible="visible" @ok="confirm" @cancel="cancel" v-if="currentPlan"> <a-form-model ref="form" :model="formData" :rules="rules"> <a-card> <a-row> <a-col> <原创 2020-11-24 10:48:17 · 1258 阅读 · 0 评论 -
antd轮播图goTo的用法
由于官方文档写的非常少,生怕你看懂了,经过各种百度搜索,终于找到了具体用法,记录下来<a-carousel arrows ref="varousel" :dots="true"> <div slot="prevArrow" class="custom-slick-arrow" style="left: 10px;zIndex: 1;" >原创 2020-08-18 10:50:06 · 2637 阅读 · 1 评论 -
antd高频组件使用
文章目录下拉框下拉框<a-select v-decorator="['pasturageId',{rules: [{required: true, message: '请选择牧场!'}]}]"> <a-select-option v-for="(p,index) in pasturages" :value="p.id" :key="index" >{{ p.name }}</a-select-opti原创 2020-06-30 10:20:38 · 116 阅读 · 0 评论 -
antd提示框tooltip
<a-tooltip placement="topLeft" title="(每日频次间隔至少1小时,每月频次计划 每个点每天最多算一次)" arrowPointAtCenter> <a-icon type="question-circle" theme="twoTone" /></a-tooltip>效果原创 2020-05-22 10:16:34 · 4845 阅读 · 0 评论 -
antd 单选树默认展开
<a-directory-tree v-if="gridTree.length > 0" :defaultSelectedKeys="defaultSelectedKeys" :showIcon="false" :defaultExpandedKeys="defaultSelectedKeys" :treeData="treeData" :replaceFields="{children:'c...原创 2020-05-21 15:57:43 · 2768 阅读 · 0 评论 -
antd树形结构转换类型解决方案
antd里面的树状图控件经常需要转换类型,这次被这个搞得很头疼,所以记录一下解决方案转换类型/* * 需要的类型 */export interface TreeNode { id: any title: string key: string value: string children: TreeNode[] relatedGrids?: Team[]}/* * 目前可以提供的类型 */export interface Team {原创 2020-05-15 14:53:30 · 807 阅读 · 0 评论 -
Ant-design-vue 树形控件tree 标题人员绑定解决方案
<template> <a-tree v-if="treeData.length" :defaultExpandAll="true" showIcon showLine :treeData="treeData" :replaceFields="replaceFields" @select="onSelect" > <template s.原创 2020-05-14 11:08:59 · 3354 阅读 · 0 评论 -
vue之css判断
基本样式:class="{active:nowIndex===0}"复合样式:class="[{warn:record.currentMonthActualDays < record.currentMonthExpectDays},'cursorPointer']"原创 2020-05-09 13:57:54 · 3010 阅读 · 0 评论 -
antd表格需要纪录点
文章目录点击行事件页面代码js代码设置表格长度及固定列html代码效果点击行事件页面代码 :customRow="customRowClick"js代码 customRowClick(record: any) { return { on: { click: () => { ...原创 2020-04-23 17:51:02 · 99 阅读 · 0 评论 -
antd时间区域a-range-picker
文章目录关于时间区域与echart表格的交互效果关于时间区域与echart表格的交互<div class="filterBox"> 作业时间范围: <a-range-picker :defaultValue="[startTime, endTime]" :allowClear="false" @change="o...原创 2020-04-20 16:17:26 · 5281 阅读 · 0 评论 -
关于antd表格头合并
<a-table :rowKey="record => record.key" :pagination="{ pageSize: 10 }" :dataSource="tableData" bordered > <a-table-column data-index="region"> ...原创 2020-03-11 13:56:17 · 1085 阅读 · 1 评论