vue 中的input輸入框type=number時一個缺陷

原本是在vue裏發現獲取不到 input[ type="number"]的值，就是輸入兩個小數點的數值，好比1.1.1，覺得是vue的錯誤，然而不是，vue只作了數字處理css

不明白爲何獲取不到值還讓輸入兩個小數點呢，這就尷尬了。html

//vue裏對輸入的值作的處理
function toNumber (val) { var n = parseFloat(val); return isNaN(n) ? val : n; }


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <div id="app"> 　　　　　　當input的type=number時，當輸入的數據有兩個小數點的時候，好比1.1.1，此時獲取不到this.msg的值 <input type="number" v-model="msg" @input="check">
    </div>
    <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
    <script>
    new Vue({ el: '#app', data: { msg: '', }, methods: { check(val) { console.log(this.msg, 'this.msg'); } } }) </script>

</body>

</html>

因此呢，輸入時數字的時候，能夠用input[type="text"],直接用正則驗證數值.vue