Vue.js文本输入不显示v模型的值

Question

是否有一种方法可以使输入不显示Vue.js中其预定义v模型的值？ 例如，假设我有一个以"value"作为其v模型的输入，并且该v模型已在代码中的其他地方预定义。我不希望此输入在不删除v模型值的情况下在GUI中显示“值”。类似于从GUI隐藏v模型。有可能吗？

Answer 1

您可以不绑定值并在@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>