Ввод текста Vue.js, чтобы не отображать значение v-модели

Есть ли способ сделать ввод, чтобы не отображать значение его предопределенной v-модели в Vue.js? Например, предположим, что у меня есть вход, v-модель которого "value", и эта v-модель была заранее определена где-то еще в коде. Я не хочу, чтобы этот ввод отображал "значение" внутри него в графическом интерфейсе без удаления значения v-модели. Что-то вроде скрытия v-модели от GUI. Является ли это возможным?


javascript input vue.js v-model textinput
person Moe    schedule 17.12.2019    source источник
comment
Непонятно, о чем вы спрашиваете и почему вы хотите это сделать. Не могли бы вы прояснить свой вопрос более конкретным вариантом использования?   -  person Phil    schedule 17.12.2019
comment
У меня 4-х ступенчатая регистрационная форма. На третьей странице (шаг 3) находится текстовый ввод с промокодом v-модели. Но этот промокод определяется на первой странице. Пользователь может ввести новый промокод во входных данных на шаге 3, чтобы отменить его, если он хочет. Вот почему я не хочу, чтобы пользователь видел значение промокода во входных данных. Если он вводит что-то новое, значение промокода изменится, если нет, то мы продолжаем с начальным значением промокода.   -  person Moe    schedule 17.12.2019
comment
Спасибо, это намного яснее. Думаю, вы найдете ответ ниже ????   -  person Phil    schedule 17.12.2019

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете не связывать значение и устанавливать значение в событии @input.

new Vue({
  el: "#app",
  data: {
  	foo: 'some default value',
  },
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
<div id="app">
  <input type="text" @input="foo = $event.target.value">
  <p>{{foo}}</p>
</div>

person Steven B.    schedule 17.12.2019