Vue JS - определить опору как конкретный тип

Question

Vue JS - определить опору как конкретный тип

1

Я создаю компонент vuejs, который принимает опору по имени idFieldType

Теперь я хочу, чтобы эта опора принимала только тип номера или строковый тип

Поэтому я написал это следующим образом

idFieldType: {
    Type: Function,
    default: function() {
        return Number;
    },
    validator: function() {
         if(value == String || value == Number) {
               return true;
         }

         return false;    
    }
}

Я также попытался заменить тип на Object.

Мой вопрос в том, как я могу написать опору, которая принимает только определенные типы?

Storm 05 авг. 2017, в 12:40

Источник

0

ты можешь. попробуйте typeOf
rashidnk 05 авг. 2017, в 10:12
0

Возможно, я не правильно понял ваш вопрос, но если вы хотите, чтобы одна опора была либо Number, либо String, почему бы не использовать my-prop: [String, Number] ?
choasia 05 авг. 2017, в 10:59
0

потому что я не хочу, чтобы значение было строкой или числом, я хочу, чтобы значение было строкой типа или числом :)
Storm 07 авг. 2017, в 08:37

Показать ещё 1 комментарий

Теги:

javascript

vue.js

vuejs2

vue-component

2 ответа

Ещё вопросы

Возможно, я не правильно понял ваш вопрос, но если вы хотите, чтобы одна опора была либо Number, либо String, почему бы не использовать my-prop: [String, Number] ?
потому что я не хочу, чтобы значение было строкой или числом, я хочу, чтобы значение было строкой типа или числом :)

Narek-T · Answer 1 · 2017-08-05T15-42-00.000Z

Vue.JS имеет встроенную проверку реквизита, вы можете установить тип, обязательный или нет, значение по умолчанию... Например:

Vue.component('example', {
  props: {
    // basic type check ('null' means accept any type)
    propA: Number,
    // multiple possible types
    propB: [String, Number],
    // a required string
    propC: {
      type: String,
      required: true
    },
    // a number with default value
    propD: {
      type: Number,
      default: 100
    },
    // object/array defaults should be returned from a
    // factory function
    propE: {
      type: Object,
      default: function () {
        return { message: 'hello' }
      }
    },
    // custom validator function
    propF: {
      validator: function (value) {
        return value > 10
      }
    }
  }
})

обратите внимание, что Vue.js также принимает несколько возможных типов propB: [String, Number], что вам нужно. И вы можете узнать больше об этом в официальной вики

Storm · Answer 2 · 2017-08-05T08-51-00.000Z

Хорошо, нашел решение..

idFieldType: {
                type: Function,
                default: Number,
                validator: function (value) {
                    if (value() == String || value() == Number) {
                        return true;
                    }

                    return false;
                }
            }

Проблема заключалась в том, что при указании типа как функции по умолчанию функция ожидает, я возвращаю функцию, возвращающую функцию :)

Рад, что вы это решили ... :) +1 за размещение ответа
если вы вызываете функцию в валидаторе, вы должны убедиться, что функция идемпотентна, так как вы можете вызвать ее 2 раза, даже прежде чем использовать ее.