kommit
V2EX  ›  问与答

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

  •  
  •   kommit · Sep 23, 2018 · 2935 views
    This topic created in 2791 days ago, the information mentioned may be changed or developed.

    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 replies    2018-09-23 19:24:35 +08:00
    XiaoxiaoPu
        1
    XiaoxiaoPu  
       Sep 23, 2018   ❤️ 1
    checked 跟 model 绑定,这样一个 radio 的 checked 为 true 时,别的 radio 自然 checked 为 false 了

    https://github.com/vuejs/vue/blob/dev/src/platforms/web/compiler/directives/model.js#L96
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4945 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 04:03 · PVG 12:03 · LAX 21:03 · JFK 00:03
    ♥ Do have faith in what you're doing.