鉴于以下内容,Vue.js中的简单“受控组件”,我预计输入值是固定的,不可能改变,因为它被Vue绑定(使用v-bind):
<body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">
<input type="text" v-bind:value="fixedValue">
</div>
<script>
var app = new Vue({
el: '#app',
computed: {
fixedValue: function () {
return 'This should NOT change'
}
}
})
</script>
</body>
但是,实际上,输入文本仅在初始加载时才会考虑这一点。我可以点击输入字段并输入任何内容,它会改变。为什么这样以及如何防止这种情况?
这是小提琴:https://jsfiddle.net/6w74yj28/
编辑:
要与React(这里是小提琴:https://jsfiddle.net/ko7duw5x/)进行比较,如果您创建文本输入并绑定它的值,则无法通过键入内部来更改文本输入值(这是我正在尝试的行为用Vue实现)。