
ant design vue
TSwizzle1327
记录踩过的坑...
不积跬步,无以至千里;不积小流,无以成江海。
路漫漫其修远兮,吾将上下而求索。
展开
-
vue项目笔记
计算属性ant design vue的两种表单,推荐用第二种1. form表单ref: ProductModal,form: ProjectForm2. formmodel表单:ref:PorjectModal ,:model=“ProjectForm”原创 2022-06-24 17:03:12 · 336 阅读 · 0 评论 -
antd vue 解决a-select在弹框中下拉菜单跟随页面滚动
官方原话:如果发现下拉菜单跟随页面滚动,或者需要在其他弹层中触发 Select,请尝试使用 getPopupContainer={triggerNode => triggerNode.parentNode} 将下拉弹层渲染节点固定在触发器的父元素中 <a-select v-model="this.form.data" @change="handleChange" placeholder="签约状态" :原创 2022-04-14 15:10:52 · 3506 阅读 · 0 评论 -
antd vue select可清空:allowClear
antd vue select可清空:allowClear只在单选的情况下可用<a-select allowClear placeholder="请选择" @change="handleSelectChange"> <a-select-option v-for="pro in List" :key="pro.key"> {{ pro.title }} </a-select-option></a-select>...原创 2022-04-01 17:00:58 · 3418 阅读 · 0 评论 -
笔记——输入框循环使用
<a-modal title="可售面积损失" :width="1350" centered @cancel="handleCancel" :visible="thisSaleVisible" :confirm-loading="confirmLoading" :maskClosable="false" :footer="null" > <a-spin :spinning=.原创 2022-03-07 10:52:03 · 286 阅读 · 0 评论 -
ant design vue a-tag点一次删除却删除两个
除了最后一个标签点击关闭外 点击关闭会关掉两个tag之前的代码:<template v-for="(tag,index) in tags"> <a-tag :key="index" :color="tag.ftagcolor" closable @close="() => handleClose(tag)" style="margin-right:8px;margin-bottom:8px">原创 2022-02-16 11:23:20 · 1482 阅读 · 0 评论 -
ant design vue 步骤条step加气泡卡片popover
在官网的基础上做了点修改官网:https://www.antdv.com/components/steps-cn/<!--Step:当前步骤条所处的节点位置--><!--StepChange:点击改变步骤条的节点位置--><a-steps :current="Step" @change="onStepChange"> <a-step v-for="(item, index) in Steps" :key="index" :title="item">原创 2022-01-11 11:00:12 · 2331 阅读 · 1 评论 -
ant design vue a-tree树状列表
<a-tree :tree-data="treeData" :expandedKeys.sync="expandedKeys"> <template> <a-dropdown> <span>{{ title }}</span> </a-dropdown> </template> </a-tree>i...原创 2021-10-12 15:42:32 · 1072 阅读 · 0 评论 -
ant design vue 列表List
<a-list item-layout="horizontal" :data-source="data"> <a-list-item slot="renderItem" slot-scope="item"> <a-list-item-meta :description="item.content" > <a slot="title" href="">{{ item.title }}</a&g原创 2021-10-12 09:56:11 · 2960 阅读 · 2 评论 -
ant design vue 描述列表Descriptions数据绑定
<a-descriptions :column="column" title="项目版本状态信息"> <a-descriptions-item v-for="(item, index) in datalist" :label="item.captions" :key="index">{{item.value}}</a-descriptions-item></a-descriptions>const datalist = [ {原创 2021-10-12 09:49:35 · 5111 阅读 · 0 评论