其他分享
首页 > 其他分享> > 关于Form中各FormItem实现label折行&多行展示的方法-slot

关于Form中各FormItem实现label折行&多行展示的方法-slot

作者:互联网

要实现label多行显示,且可以单独调整每行的字体、颜色
图片示例:
在这里插入图片描述
废话不多说,直接上代码

<FormItem prop="accessId" style="width:370px;">
        <span slot="label">应用Id:<br/></span>
        <span slot="label" style="color: #ccc">accessId</span>
        <Input v-model="formValidate.accessId" type="text" placeholder="请输入应用Id"></Input>
      </FormItem>
      <FormItem prop="merchantId" style="width:370px;">
        <span slot="label">商户号:<br/></span>
        <span slot="label" style="color: #ccc">merchantId</span>
        <Input v-model="formValidate.merchantId" type="text" placeholder="请输入商户号"></Input>
      </FormItem>

标签:slot,多行,Form,折行,示例,label,merchantId
来源: https://blog.csdn.net/SUAUN_coyote/article/details/119109744