number类型的input标签的value值取到后是string类型

今天在修改之前写的用Vue2.0实现简单的分页及跳转的博客时，一直遇到跳转之后页面显示页数增多的问题。之后才发现原来是number类型的input标签的value值取到后是string类型的，使用时需要先将其转换为number类型。否则后续会出错。举个简单的栗子。

<input type="number" class="jumppage" />
<a class="jumpbtn" v-on:click="pageSkip()">跳转</a>

var skipPage = document.getElementsByClassName("jumppage")[0].value;
console.log(typeof skipPage);  //string
var skipPage2 = Number(document.getElementsByClassName("jumppage")[0].value);
console.log(typeof skipPage2);  //number

如代码段2所示，使用Number()方法转换数据类型。

当然这里我们也可以使用parseInt(),parseFloat()方法进行显示数据类型转换。