我如何保存小数以保存点数

Question

我正在做一个 Vue 项目。我需要使用点号将变量保存为十进制数。例如：如果我自动使用 23,5 这应该保存为 23.5 在 Chrome 中它运行良好，但 Firefox 和其他浏览器不会将其更改为点数。

function school (ind){
     this['School Name'] = "",
     this['Subject 1'] = "56.6",
     this['Subject 2'] = "",
     this['Subject 3'] = ""
    }

    var Vue1 = new Vue({
     el: '#app',
     data: {
      schoolinfo: []
     },
     methods: {   
      addSchool: function(){
       this.add_School++;
       var len = this.schoolinfo.length;
       var newSchool = new school(this.add_School);
       this.schoolinfo.push(newSchool);
      } 
     }
    })



    function exportSchool() {
     
     var school_to_export = { 'school Info': data_Vue.schoolinfo };
      console.log( JSON.stringify(school_to_export));   
    }

    function init() {

    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
    <body onload="init();">   
      <div id='app'>     
       <div>
        <button v-on:click="addSchool(); "> Add new School</button>
        <table  v-if="schoolinfo.length > 0">
         <tr>
          <td>School Name</td>
          <td>Subject 1</td>
          <td>Subject 2</td>
          <td>Subject 3</td>
         </tr>
         
         <tr v-for='(school, index) in schoolinfo' >
          <td> <input v-model="school['School Name']"> </td>
          <td> <input type="number" v-model.number="school['Subject 1']"> </td>
          <td> <input type="number" v-model.number="school['Subject 2']"> </td>
          <td> <input type="number" v-model.number="school['Subject 3']"> </td>
         </tr>
        </table>
       
       <button onclick="exportSchool()" >clicl to see in Console</button>
      
     </body>

Firefox 和其他浏览器不会将逗号更改为小数点。 Chrome 从逗号改为小数点。

Answer 1

使用v-model.number怎么样？

<input type="number" v-model.number="school['School Name']">

您可以在 here

中找到有关 .number 的更多信息

我如何保存小数以保存点数

How can i save decimal numbers to save in point numbers

cross-browser

vue.js