vue中v-model如何定义嵌套层级参数

Question

您好：
如标题显示，如果使用非vue时，我可以这么定义

<input type="text" name="name" />
<input type="text" name="man.address" />

后台方法直接使用 method(User user)就可接受到参数，其中User实体中含有 private Man man; 属性。
那么如何在Vue中定义这样的嵌套层级参数呢？？？

Answer 1

ustbhuangyi 2019-05-06 09:19:42

没太看懂你的问题， input 的 v-model 操作的是 value，如果你要动态改变 name，那么用 :name 就可以了，至于数据结构的设计，可以定义个对象数据。

• 提问者 我是真的返 #1

  老师您好：
  该如何在vue中定义这样的对象呢，后台类似这种实体接收参数：
  public class User {
  private String name;
  // …
  private Man man;
  }
  
  public class Man {
  private String address;
  // …
  }
  
  而我的想法是请求里的参数变成这种：
  name：jack,
  man.address: home,
  //...
  
  最后后台接收到的数据就会是这样：
  user实体中的name为jack，user实体中man里的address为home

• 提问者 我是真的返 #2

  解决了，步骤如下：
  1. data定义变量：user: { man:{} }
  2. 用JSON.stringify()转成字符串，ajax请求时{data: JSON.stringify(user)}
  3. 后台用字符串接收，再使用ObjectMapper转成User实体数据