javascript - Vue.js文本输入不显示v-model的值

Question

有没有办法让输入不显示 Vue.js 中预定义 v-model 的值？例如，假设我有一个输入，其 v 模型为 "value"，并且该 v 模型已在代码中的其他位置预定义。我不希望此输入在 GUI 中显示“值”而不删除 v-model 值。就像从 GUI 中隐藏 v-model 一样。可能吗？

Answer 1

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