欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

antd表单的<a-form-item>使用自定义label 插槽

程序员文章站 2022-06-07 19:37:53
...

antd表单的<a-form-item>使用自定义label 插槽

 item的label类型可以使字符串或者自定义label插槽。

1.直接使用字符串类型是最常见的

<a-form-model-item prop="job" label="岗位">
    <a-input v-model="job" placeholder="请输入岗位" />
</a-form-model-item>

 2.自定义label使用插槽

<a-form-model-item prop="job">
    <span slot="label" @click="$refs.modalData.showTableDetail">自定义label</span>
    <a-input v-model="job" placeholder="请输入岗位" />
</a-form-model-item>