v-model 在 input type="radio"中是如何进行分组的?

2021-04-08 23:20:10 +08:00
 hm20062006ok
原始的 HTML 中定义两个 radio 的单选项,是根据 name 来分组:
<input type="radio" name="gender" value="male"/>
<input type="radio" name="gender" value="female"/>

Vue 中是这样写:
<input type="radio" v-model="gender" value="male" >
<input type="radio" v-model="gender" value="female">
F12 发现 Vue 并没有去改变 name 的值,还是可以正确的分组。

是怎么做到的呢?
1400 次点击
所在节点    Vue.js
1 条回复
MiracleKagari
2021-04-08 23:42:10 +08:00
这里的 v-model bind 了 checked

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/769242

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX