Vant Field禁用空格【全站】,Vue继承扩展方式实现

Vant Field禁用空格【全站】,Vue继承扩展方式实现

在全局注册Field组件时,实现扩展,给Field组件的props中formatter添加默认方法,想要有空格输入时覆盖formatter或者引用注册Vant原本的Field。

Vue.component(Field.name/*You custom name*/, {
  extends: Field,
  props: {
    formatter: {
      type: Function,
      default: function (value) {
        return value.replace(/\s+/g, "");
      },
    },
  },
});

版权声明:本文为CSDN_LuoYang原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。