Vue.js .number修飾子

100円 typeof: number


200円 typeof: number

1
2
3
4
5
6
7
<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>
1
2
3
4
5
6
7
new Vue({
  el: '#app',
  data: {
    price1: 100,
    price2: 200
  }
})

元記事に戻る