b-form-input не принимает минимальное число, как при обычном вводе HTML - PullRequest
Новая
       12

b-form-input не принимает минимальное число, как при обычном вводе HTML

0 голосов
/ 04 мая 2018

В настоящее время я работаю с, но когда я использую минимальное значение, оно работает, но я получаю сообщение об ошибке на консоли. msgstr "проверка типа не удалась для проп" min ". Ожидаемое число, получено String.". Я не знаю, что еще делать, я уже пробовал разные имена, например minvalue, как предлагали некоторые коллеги, но это тоже не сработало.

Вот мой код: 

<template>
  <div>
    <b-btn @click="showModal">Editar</b-btn>
    <!-- Modal Component -->
    <b-modal ref="myModalRef"
             centered title="Editar"
             ok-title="Salvar"
             cancel-title="Cancelar"
             v-on:cancel="handleCancel"
             v-on:ok="handleOk(hours)">
      <form>
        <b-form-input type="number"
                      min="0"
                      placeholder="Horas"
                      v-model="hours"></b-form-input>
      </form>
    </b-modal>
  </div>
</template>

<script>
import tableData from './index';

export default {
  components: {
    tableData,
  },
  props: {
    table: {
      type: Array,
      required: true,
    },
    row: {
      required: true,
    },
  },
  data() {
    return {
      hours: '',
    };
  },
  methods: {
    handleOk(hours) {
      if (hours !== '' || hours < 0) {
        const id = this.row - 1;
        const oldReport = this.table[id];
        const newReport = {
          hours: this.hours,
          costCenter: oldReport.costCenter,
          period: oldReport.period,
        };
        console.log(oldReport) // eslint-disable-line
        this.table.splice(id, 1, newReport);
        this.$snotify.success('Suas horas foram atualizadas', 'Sucesso', {
          timeout: 2000,
          showProgressBar: false,
          closeOnClick: false,
          pauseOnHover: true,
        });
      } else {
        this.$snotify.error('Digite um número válido');
      }
    },
    handleCancel() {
    },
    showModal() {
      this.$refs.myModalRef.show();
    },
    hideModal() {
      this.$refs.myModalRef.hide();
    },
    clearModal() {
      this.hours = '';
    },
    onChange(e) {
      this.tableCenter.map(item => item.id).indexOf(e);
      this.hours = '';
    },
  },
};
</script>
...