Question

我是前端javascript框架的新手。目前正在处理一段代码，如果可以在VueJS中绑定除value到v-model之外的其他输入属性。这就是我的意思：

在我的HTML中，我有这样的输入：

<input type="checkbox" name="labels[]" id="label_{{$label->id}}" value="{{$label->id}} v-model="checked">

然后我想要检查项目的名称（$label->name），但我仍然需要将它们的值作为后端的ID。

<div v-for="label in checked" >@{{ label }}</div>

这当然会返回项目的ID，但我需要名字。这可能吗？

Answer 1

您可以使用true-value和false-value：

<input 
 type="checkbox" 
 name="labels[]" 
 id="label_{{$label->id}}" 
 value="{{$label->id}}" 
 v-model="checked"
 true-value="{{$label->name}}"
 false-value="something else" 
 <!-- quote is not required inside true-value, false-value. 
  it will automatically set the type -->
>

摘自doc：

true-value和false-value属性不会影响输入的value属性，因为浏览器在表单提交中不包含未选中的框。

我可以绑定到vuejs中除value属性之外的其他输入属性

1 个答案: