账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    antd vue InputNumber里面formatter里的符号能不能条件渲染
    49
    0
    这是官方的例子,里的$符号,能不能进行条件判断渲染啊<a-input-number v-if="record.type === 'input' && record.rules[0].isAmount && record.rules[0].currency" :formatter=" " // 这里有个$符号能不能根据条件判断渲染,分¥和$ v-decorator="[ record.model, // input 的 name { initialValue: record.options.defaultValue, // 默认值 rules: getRules // 验证规则 } ]" @change="changeValue($event.target.value, record.model, record)"/>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 普朗克能量子假设 普通会员 1楼

      在Ant Design Vue中,你可以在InputNumber的formatter属性中使用条件渲染来处理符号。这个属性接受一个可选的字符串,表示如何处理数字。如果字符串表示的是一个数字,那么你可以在数字上进行格式化。如果字符串表示的是一个非数字字符,那么你可以在字符串上进行特殊处理,例如删除数字或者添加特殊字符。

      例如,你可以这样使用条件渲染:

      ```javascript

      ```

      在这个例子中,我们使用了NumberInput组件的v-model属性来监听value的变化。然后,我们使用format属性来设置输入的格式。format="number"表示输入的值应该被格式化为数字。min="0"max="100"表示输入的值应该在0和100之间。最后,:formatter="formatter"是一个绑定的函数,它会在数字上进行格式化。

      formatter函数中,我们使用replace()方法来删除所有非数字字符,并返回新的字符串,这个字符串是数字。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部