Vue.js 一个选择标签是否可以有两个v型？

我有一个名为servers的集合，它是这样的：{id，name，code}。 我有这个select标记，我用模型值迭代我的servers集合和data（）

<select v-model="serveur">      
   <option v-for="server in servers" :key="server.id" :value="server.name"> 
     {{server.name}}
   </option>
</select> 

选择的值“server.name”绑定到模型“serveur”。 所有这些都可以正常工作，但我希望将值“server.code”绑定到模型“code”

我不知道该怎么做。我是vuejs的新手，就像两天前我第一次使用vue一样。 这也是我的第一个stackoverflow“提问”，所以我希望我说得足够清楚

---

提前感谢。

要实现这一点，您可以使用包含“serveur”和“code”的数组绑定select。但您不能直接使用多个变量绑定select。

您可以这样做：

<select @input="serveur = $event.name; code = $event.code">
   <option v-for="server in servers" :key="server.id" :value="server"> 
     {{ server.name }}
   </option>
</select> 

{{server.name}

---

如果你需要提琴-请随意提问。这个例子可能不起作用：）

我相信你可以在这里找到答案：

这就是我要做的事情——创建更改处理程序，并在处理程序方法中更改我需要的所有内容

---

我希望这对您有所帮助

您确实有一个独立的数据项，我将其称为

selectedServer

。它获取服务器条目的值，其中包含

名称

和

代码

<select v-model="selectedServer">      
   <option v-for="server in servers" :key="server.id" :value="server"> 
     {{server.name}}
   </option>
</select>

---

感谢您的回复，但是如果在一个数组上执行“v-model=array”，那么添加到该数组的值是否仍然是：value=“server.name？”"? IIt看起来像是

serveur

和

code

应该始终同步。如果是这样的话，它们不应该是独立的数据项。是的，代码确实绑定到serveur。这就是为什么他们首先走到一起。但它们是独立的数据项，因为它们在url中成为单独的参数。谢谢。实际上这可能会有所帮助，但我只能访问onChange方法中选项的“值”。我试图通过执行“event.target.key”来访问密钥，只是为了尝试，但我得到了未定义的答案。谢谢您的帮助@输入必须是一个方法或什么的？谢谢伙计！这就解决了我的问题，我不再需要这个解决方案中的“代码”数据项。

<select v-model="selectedServer">      
   <option v-for="server in servers" :key="server.id" :value="server"> 
     {{server.name}}
   </option>
</select>

data: {
  selectedServer: {}
},
computed: {
  serveur() { return this.selectedServer.name; },
  code() { return this.selectedServer.code; }
}