微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vuejs是如何编译checkbox数组的v-model的

随便用官方的例子编译了一下,发现如下

_c("input",{
        directives: [
          {
            name: "model",rawName: "v-model",value: _vm.checkednames,expression: "checkednames"
          }
        ],attrs: { type: "checkBox",id: "jack",value: "Jack" },domProps: {
          checked: Array.isArray(_vm.checkednames)
            ? _vm._i(_vm.checkednames,"Jack") > -1
            : _vm.checkednames
        },on: {
          change: function($event) {
            var $$a = _vm.checkednames,$$el = $event.target,$$c = $$el.checked ? true : false
            if (Array.isArray($$a)) {
              var $$v = "Jack",$$i = _vm._i($$a,$$v)
              if ($$el.checked) {
                $$i < 0 && (_vm.checkednames = $$a.concat([$$v]))
              } else {
                $$i > -1 &&
                  (_vm.checkednames = $$a
                    .slice(0,$$i)
                    .concat($$a.slice($$i + 1)))
              }
            } else {
              _vm.checkednames = $$c
            }
          }
        }
      }),

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐