ant-input-number隐藏默认的加减按钮(ant-input-number-opacity)

少走弯路!少走弯路!少走弯路!

原图


image.png

需求图


image.png

想要把右边的加减号去掉(隐藏),直接加个类名ant-input-number-opacity就可
image.png

代码

  <a-form-item
          label="收款金额"
          :label-col="labelCol"
          :wrapper-col="wrapperCol"
        >
          <a-input-number
            class="ant-input-number-opacity"
            v-decorator="[
              'chargeNum',
              { rules: [{ required: true, message: '请输入收款金额' }] },
            ]"
            placeholder="请输入"
            :min="0"
            style="width: 100%"
          />
          <span class="unit">元</span>
        </a-form-item>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容