Vue.js不尊重文本输入v-bind值,允许修改文本输入值时不应该(控制组件)

时间:2018-06-01 16:09:01

标签: vue.js

鉴于以下内容,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实现)。

0 个答案:

没有答案