V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
kommit
V2EX  ›  问与答

vue 中 radio 的 v-model 实现原理是什么?

  •  
  •   kommit · 2018-09-23 01:39:07 +08:00 · 2299 次点击
    这是一个创建于 2257 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://cn.vuejs.org/v2/guide/forms.html#%E5%8D%95%E9%80%89%E6%8C%89%E9%92%AE

    vue 文档的这个示例中有两个 radio,使用开发者工具查看它们的 DOM 元素,发现没有 name 属性。

    按照 HTML 标准,把多个 radio 识别为同一个 group 的条件之一是具有相同的 name 属性。

    那么 vue 是怎么做到让这两个 radio 互斥的呢?

    2 条回复    2018-09-23 19:24:35 +08:00
    XiaoxiaoPu
        1
    XiaoxiaoPu  
       2018-09-23 02:12:58 +08:00   ❤️ 1
    checked 跟 model 绑定,这样一个 radio 的 checked 为 true 时,别的 radio 自然 checked 为 false 了

    https://github.com/vuejs/vue/blob/dev/src/platforms/web/compiler/directives/model.js#L96
    chooin
        2
    chooin  
       2018-09-23 19:24:35 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1130 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 18:58 · PVG 02:58 · LAX 10:58 · JFK 13:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.