文章 2023-01-07 来自:开发者社区

ant design vue 的实战应用与部分总结

表格Table指定展开子数据的字段官网中,有这种子节点可以展开的树形操作,但只有子数据是children字段才能展开但是从后端返回,获取的数据里面,并没有children这个字段此时可以使用childrenColumnName来指定子数据的字段名称:从columns中控制显示的数据角色是一个数组,一个人可以有多个角色,不使用插槽如何将多个角色名,显示在一个人下面?如果使用插槽,可以利用 v-fo....

ant design vue 的实战应用与部分总结
文章 2023-01-07 来自:开发者社区

从实战里总结使用ant design vue的小技巧

真实的项目总是面临着各种各样的要求,没有时间去学习,只有上来就干,从实战中学习是最好的方式。第一次使用新框架,总会有一些磕磕绊绊,即使有API介绍,但是有的不上手还真搞不懂,所以从实战中我也记录了一些使用的方式表格Table指定展开子数据的字段官网中有这种有子孩子的,可以展开的树形操作,只有子数据是children字段才能展开但是从后端返回,获取的数据里面,并没有children这个字段此时可以....

从实战里总结使用ant design vue的小技巧
文章 2022-10-13 来自:开发者社区

Ant Design Vue 框架的a-table嵌套a-form-model达到验证效果

Ant Design Vue 框架的a-table嵌套a-form-model达到验证效果注:开发环境vue2,ant版本1.7.8需要先了解表头和内容自定义插槽https://blog.csdn.net/weixin_41620505/article/details/125886643需求:动态添加item并校验输入框 1、script中创建表头<script> export ...

文章 2022-05-23 来自:开发者社区

Ant Design of Vue详细学习笔记(持续更新)

Ant Design of Vue(里面有什么问题希望大家批评,有什么好的解决方案和优化,大家可以一起分享,后面会将自己看的代码上传,里面有详细的注释)一. 项目初始化初始化cnpm install启动:npm run serve注:这里也是可以用yarny本地启动地址:Local: http://localhost:8000/建议使用yarn拉取项目代码git clone https://gi....

Ant Design of Vue详细学习笔记(持续更新)
文章 2022-05-14 来自:开发者社区

使用Ant Design Vue的select搜索框出现的问题

Select 选择器进行搜索<template> <div> <a-form-item label="分类:"> <a-select placeholder="请选择" style="width: 320px" ...

使用Ant Design Vue的select搜索框出现的问题
文章 2022-05-14 来自:开发者社区

Ant Design Vue数字输入框InputNumber 有值但是验证却不能够通过

InputNumber 有值但是验证却不能够通过今天遇见这样一个问题,InputNumber 输入框中有值但是却却提示验证不能够通过后来经过分析,怀疑是数据类型不正确,后面经过验证,果然是数据类型不正确正确做法<template> <div> <a-form ref="formRef" :mod...

文章 2022-05-14 来自:开发者社区

Ant Design Vue表单验证失败

表单验证遇见的坑01如果你受控数据是这样写的话 const formState= reactive({ youForm:{ youNaNe:'', useSlectValue: '001', date1: undefined, delivery: false, type: [], }, });那么在视...

文章 2022-05-14 来自:开发者社区

Ant Design Vue照片墙a-upload

<template> <div class="clearfix"> {{ fileList }} <a-upload list-type="picture-card" v-model:file-list="fileList" @preview="handl...

文章 2022-05-14 来自:开发者社区

Ant Design Vue 中Drawer自定头部的样式、内容部分的样式、弹出层的样式

<a-drawer :title="myTitle" placement="right" :visible="visible" @close="onClose" width="720" :bodyStyle="{ marginBottom: '30px' }" > </a-d...

文章 2022-05-14 来自:开发者社区

Ant Design Vue 单文件上传Upload

单文件上传<a-upload name="file" :beforeUpload="beforeUpload" :multiple="false" accept=".xls,.xlsx" :showUploadList="nofalse" class="select-file" :customRequest="customRequest" > <...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注