v-model 和 v-model:value？

Question

老师，早上好！
我看到有些代码用的是v-model，有些代码用的是v-model:value，请问一下，两者的使用场合有区别吗？什么时候用前者，什么时候用后者呀，谢谢回答！！！

<train-select-view v-model="trainStation.trainCode"></train-select-view>
<a-input v-model:value="trainStation.index" />

Answer 1

甲蛙 2023-05-09 11:18:56

v-model默认绑定的是modelValue属性，就像我们做的train-select组件一样。v-model:value是绑定到具体的value属性，具体就看你组件暴露出什么属性，比如我们用到的antdv的各种组件，暴露的都是value属性，所以都是v-model:value的写法，如果还有其它属性可以绑定，那就可以写成v-model:name, v-model:width等。

• 提问者 慕神4535282 #1

  那我可以这样理解吗？
  <train-select-view v-model="trainStation.trainCode" width="50%"></train-select-view> 的完整写法是
  <train-select-view v-model:modelValue="trainStation.trainCode" v-model:width="50%"></train-select-view>

• 甲蛙 回复 提问者 慕神4535282 #2

  可以这样理解

• 提问者 慕神4535282 #3

  非常感谢！