Манипулировать данными в vuejs и размещать их в поле ввода

У меня простой ввод числа, и я хочу вывести его данные, обработанные в отключенном поле ввода.

<input type='number' v-model='dm'> //this is the user input
<input type='number' disabled> //dmtoeur(dm)

methods: {
dmtoeur: function(val) {
     return (Math.round(((val/1.95583) + 0.00001)*100)/100);
}
}

во втором поле ввода должно быть значение первого, вычисленное с помощью функции dmtoeur.

Например:

  • 1-й вход: 1
  • второе (отключенное) поле ввода: 1,96

Этот имеет должен находиться в файле .php.

:value='dmtoeur(dm)'
Roy J 06.11.2018 00:14
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
0
1
134
1

Ответы 1

Вот рабочий пример. Возможно, это немного переборщило, но у меня было всего несколько минут, чтобы написать код :)

var app = new Vue({
  el: '#app',
  data: {
    dm: 1,
    dmtoeur: 0.51,
  },
  methods: {
    calculateDmToEur: function() {
      this.dmtoeur = (Math.round(((this.dm / 1.95583) + 0.00001) * 100) / 100);
    },
  },
})
<script src = "https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

<div id = "app">
  <input type='number' v-model='dm' @click = "calculateDmToEur()" @keyup = "calculateDmToEur()">
  <input type='number' v-model='dmtoeur'>
</div>

Другие вопросы по теме