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

Question

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

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>