Ant Design Vue 中的 a-input-number 添加单位元
为了在 Ant Design Vue 的 a-input-number 组件后面添加单位元,可以使用后缀 slot。示例代码如下:
<a-input-number :min="0" :max="10000000000000" :step="0.01" v-model="mdl.compensationAmount">
<span slot="addonAfter">元</span>
</a-input-number>
在这个代码片段中,我们使用了 <span slot="addonAfter">元</span> 来添加单位元。addonAfter 是一个特殊的 slot,用于在输入框后面添加内容。
这样,就可以在 a-input-number 组件后面添加单位元,使界面更加清晰易懂。
原文地址: https://www.cveoy.top/t/topic/djim 著作权归作者所有。请勿转载和采集!