type="number" doesn't seem to be supported? about bootstrap-vue HOT 12 CLOSED

Sure :)

from bootstrap-vue.

According to the Vue docs multiple types should be possible. I'm preparing a PR. 😃

from bootstrap-vue.

@samanthaming Thanks. will be fixed soon

from bootstrap-vue.

@samanthaming you should try ;) :

<b-form-input v-model="pPrice"
      type="Number"
      label="Product Price"
 />

from bootstrap-vue.

@mathlet0x Is it safe to close this issue ?

from bootstrap-vue.

I think the error still exists in v0.6.0. Am I missing something? Here's my code:

<template>
    [...]
    <b-form-input v-model.number="user.balance" type="Number" />
    [...]
</template>

<script>
export default {
  name: 'user-edit',
  props: {
    user: {
      type: Object,
      default: function () {
        return {
          user: {
            name: 'User',
            balance: 123
          }
        }
      }
    }
  }
}
</script>

Just to make it clear: I'm passing a user object shaped like the default object when using this component.

from bootstrap-vue.

After some more time with Vue.js I think this is because the value passed to the component is actually a Number, but the input field requires a String. In my opinion the component should do the necessary casting itself.

from bootstrap-vue.

@riker09 Good idea :) I'll make a patch soon

from bootstrap-vue.

@pi0 Could the formatter be used for this? It should do type safe comparision, though. Currently the formatted value is never used, when, for example the Number 5 is compared to the casted String '5'

from bootstrap-vue.

Nevermind my last comment. I'm still very new to Vue.js and learning. You've set a prop constraint in the component form-input, that is why I'm seeing this error in the console whenever I pass a Number. 🤦‍♂️

from bootstrap-vue.

@riker09 So fast reactions :)) Thanks mate

from bootstrap-vue.

I'm sick at home, so I got a little spare time at my hands. And I'm really diggin Vue.js. Now, when I can help some Open Source projects this really makes my day. 😄

from bootstrap-vue.