Question

是否有办法将输入绑定到对象而不是单个变量。

我知道我们可以做这个简单的把戏

<input v-model="name">

但以下不起作用：

<input v-model="user.name">

这就是我在Angular中习惯的，有没有办法在vue.js中实现这个目标？

Answer 1

这也适用于Vue，确保在数据中定义完整的对象，使其成为被动的，这是一个有效的fiddle。

Vue代码：

var demo = new Vue({
    el: '#demo',
    data: function(){
        return {
        user: {
            name: 'This is working fine'
        }
      };
    }
})

Answer 2

您可以直接绑定到数据，代码如下：

＆＃13;

var demo = new Vue({
    el: "#demo",
    data: {
      user: {
        name: "please enter"
      }
    }
})

＆＃13;

<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
<div id="demo">
  <input v-model="user.name">
  <span>{{user.name}}</span>
</div>

＆＃13;

如何在vue.js中将输入绑定到对象

2 个答案: