VueJS: Как установить модель входа, чтобы она не была на входе - PullRequest
Новая
       0

VueJS: Как установить модель входа, чтобы она не была на входе

0 голосов
/ 31 октября 2018

Я хочу, чтобы входное значение не имело значения для его элемента на стороне представления, но внизу я хочу, чтобы оно имело значение по умолчанию, вот некоторый фрагмент, объясняющий мою точку зрения: 

          <input
            class="form-control"
            v-model="amount"
            type="number"
            step=".01"
            min="0"
            required>
          </input>

Я хочу, чтобы значение было 0 по умолчанию, но не отображать 0 на входе, возможно ли это в vuejs? Если input[type="number"] = '', значение свойства равно 0, а не ''.

Ответы [ 2 ]

0 голосов
/ 31 октября 2018

Вы можете использовать вычисляемое свойство с getter и setter. Получатель может вернуть пустую строку, если значение равно нулю ... 

new Vue({
  el: 'main',
  data: {
    amount: 0
  },
  computed: {
    formattedAmount: {
      get () {
        return this.amount || ''
      },
      set (value) {
        this.amount = parseFloat(value) || 0
      }
    }
  }
})


  
  amount = {{ amount }}
0 голосов
/ 31 октября 2018

можно привязать значения модели 

var myObject = new Vue({
  el: '#app',
  data: {
    amount: 0
  }
})
<!DOCTYPE html>
<html>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<body>

  <div id="app">
    <input class="form-control" v-model="amount" type="number" step=".01" min="0" required>
    </input>
  </div>

</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...