Vue.js .number修飾子

{{ price1 }}円 typeof: {{ typeof price1 }}


{{ price2 }}円 typeof: {{ typeof price2 }}

<div id="app">
  <input type="number" v-model="price1">
  <p>{{ price1 }}円 <b>typeof: {{ typeof price1 }}</b></p>
  <hr>
  <input type="number" v-model.number="price2">
  <p>{{ price2 }}円 <b>typeof: {{ typeof price2 }}</b></p>
</div>
new Vue({
  el: '#app',
  data: {
    price1: 100,
    price2: 200
  }
})

元記事に戻る