将两个或多个数据绑定到VueJs中的表单输入

Question

我正在考虑在vue form input binding中具有多个值

下面是我的代码示例。

<template> 
  <div> 
    <label for=""> Employee </label>
    <input class="form-control-plaintext" v-model="asset.current_status.user.surname" type= "text" readonly name="surname">
  </div>
</template>

[v-model当前接受并显示一个姓氏值，我相信可以在asset.current_status.user.last_name内联中包含另一个值v-model，但目前无法正确处理。

Answer 1

我认为您需要这样的computed属性：

computed: {
    surname () {
         if (this.asset.current_status.user.last_name 
             && this.asset.current_status.user.surname) {

         return this.asset.current_status.user.last_name 
                + this.asset.current_status.user.surname
         }

         return '' // or whatewer else you need...
    }
}

也在data中添加surname: ''并设置v-model="surname"。