ant-design-vue 之form表单中label-col和wrapper-col使用

摘要:
ant-design-vue之form表单中label-col和wrapper-col使用主要代码::label-col="{span:5}":wrapper-col="{span:15}"demo:˂a-form-itemlabel="计划名称"style="100%":label-col="{span:5}":wrapper
ant-design-vue 之form表单中label-col和wrapper-col使用

主要代码:

:label-col="{ span: 5 }" :wrapper-col="{ span: 15 }"

demo:

<template>
    <div>
        <a-form :form="form" >

            <a-form-item label="计划名称"style=" 100%":label-col="{ span: 5 }":wrapper-col="{ span: 15 }">
                <a-textarea placeholder="请输入"/>
            </a-form-item>

        </a-form>
    </div>
</template>
<script>

    /*这是ant-design-vue */import Vue from 'vue'import Antd, { message,Select } from 'ant-design-vue'  //这是ant-design-vue
import 'ant-design-vue/dist/antd.css'Vue.use(Antd);
    /*这是ant-design-vue */

    export default{};
</script>

<style scoped>

</style>

免责声明:文章转载自《ant-design-vue 之form表单中label-col和wrapper-col使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Spring Boot加载配置文件的完整步骤08-开关与电灯:桥接模式下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

完整UI组件库Kendo UI for Vue R3 2021

R3 2021版本是Kendo UI for Vue有史以来最重大的版本发布,这个版本非常庞大,其中有20个新的原生组件,或者说有34个新组件,包括各种图表和数据可视化。下来,跟我们一起了解一下这些功能吧! Kendo UI for Vue R3 2021最新版下载 支持Bootstrap 5 在 R3 2021 中,Kendo UI for Vue正式...

11.Vue技术栈开发实战-从SplitPane组件谈Vue中如何“操作”DOM

vue中是数据驱动视图。   创建组件的文件夹叫做split-pane 在路由列表里面注册一下 添加这个vue页面 创建组件的vue文件,设置name为SplitPane 创建index.js.把组件引进来,并导出去 引入这个组件,然后注册这个组件。 容器中分成两个区域,通过拖动来改变两个区域的比例。 还可以上下,嵌套使用。 分为三个部分,左边的区域,...

mac vscode 下载安装与配置

下载安装 1、官网下载https://code.visualstudio.com/ 配置 1、常用插件下载 中文:Chinese (Simplified) Language Pack 代码校验:eslint vue代码优化显示:vetur vue简写代码:vue vscode snippets   prettier的html换行有毒 2、修改中...

Vue.js 诞生及发展史

前言 前端现在可以说是百花齐放,开发的效率是不断的提升,前端的三大主流框架 Vue 、Angular 、React 其中 Angular 是2009年诞生的,一开始出来挺火的,后面随着版本的升级,Angular的变化比较大,增加了使用学习的成本,渐渐的失去了优势,React和Vue的原理基本上是一样的,诞生比Vue早,所以Vue结合了Angular和Rea...

Vue中如何给字符串前面加空格

  背景:        最近再用element UI写一个页面,输入框是必输的话,如果没有输入点提交,需要有个红色的提示信息。但是提示信息没有个输入框对齐,就想用加空格的方法来实现。后来发现通常的加空格的方法都无效       一、效果和代码如下:        二 、 想要的效果是提示信息和输入框对齐,网上没找到很好的方法,可能我加了label-w...

mac-chrome下手动安装vue-devtools

原文链接:https://blog.csdn.net/weixin_44868003/article/details/89457089 废话就不多说,直接上安装步骤,一步一步来 => success 1.下载安装vue-devtools源文件 mkdir vuetools cd vuetools git clone https://...