В проекте Vue.js я не могу получить правильный результат умножения
В моем проекте vue.js число * 100 ошибочно.
В моем шаблоне:
<div class = "res-show">
总共折点: <span style = "color:#ed3f14">{{ discount_point_total }}</span> <br>
相当于折扣掉总价: <span>{{discount_point_total * 100}}%</span>
</div>
в моем сценарии:
export default{
data(){
return {
discount_point_total:0.022
...
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
0
100
3
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 3
Точность чисел с плавающей запятой потеряна, вы можете использовать этот метод, чтобы избежать проблемы:
<span>{{ Math.round(discount_point_total * 100 * 100) / 100 }}%</span>
Ответ принят как подходящий
в качестве альтернативы используйте toFixed
<span>{{ (discount_point_total*100).toFixed(2) }}%</span>
Использовать toFixed {{(0,022 * 100) .toFixed (2)}}%
Обратите внимание, что возвращаемое значение этого метода - строка. Помните parseFloat, когда вы его используете. Вам нужно больше узнать об основах ECMA Script.
Другие вопросы по теме
[Vue warn]: ошибка в директиве sortable update hook: "Sortable: el должен быть HTMLElement, а не [object Undefined]"
Как динамически контролировать время v?
Поддерживают ли какие-либо современные библиотеки рендеринга пользовательского интерфейса статический XML?
Vuejs: как получить вычисляемое свойство в созданном хуке
Мой Vuetify Switch не меняет своего значения?
Vuejs не отображает подмаршрут
Как обрезать панель навигации под диалоговой панелью инструментов Vuetifyjs + Vuejs
Можно ли рендерить части приложения Vue на несколько узлов?
Можно ли позже привязать значение к элементу Vue в функции?
Vue-Analytics не работает (примечание: мне нужно изменить идентификатор в зависимости от имени хоста)
Похожие вопросы
Как реализовать клиент laravel-echo в проекте Vue
Как извлечь только год из даты в vue js html и распечатать только этот год?
Получить объект i.attribute Javascript
Переменные цикла в Vue.js похожи на AngularJS
'ошибка во время оценки' для вычисляемого свойства
Получить серийный номер в обратном порядке в vue js
Получатель / установщик класса JavaScript и v-модель в VueJS
В Vue.js массив иногда бывает пустым при получении данных из API
Vue.js связывает стиль (класс) каждого элемента в списке с v-for в зависимости от данных элемента
VueJS- prop изменяется при обновлении локальной копии