Число, сохраненное как строка в javascript Firestore

Когда вы вводите данные в поле ввода текста в HTML, их значение становится строкой в ​​коде JS. Вам нужно явно преобразовать фактическое значение в число. Несмотря на то, что вы устанавливаете ввод type="number", он определяет только то, что пользователи мобильных устройств с клавиатурой видят при вводе значения. Это все еще строка, если доступ через JS

Один из способов сделать это:

const price = Number(price);

Документация для Number

Другой метод - разобрать его

parseFloat(price)

Изменить: метод @Beyers кажется лучшей реализацией для Vue.

Когда вы записываете значение формы в javascript, по умолчанию это строка. даже если вы введете число в текстовое поле формы.

product: {
    name:String,
    price: null,
},

.......

addProduct() {
    data_firestore = {...this.product};
    data_firestore.price = parseFloat(data_firestore.price)
    this.$firestore.Products.add(data_firestore);
},

Я использую оператор распространения, потому что мне неизвестно, используете ли вы метод watch объекта product или нет. так что копирование, а затем изменение кажется мне более безопасным. вы также можете выполнить прямое преобразование parseFloat () для фактического объекта.