首页 > 编程语言 > 详细

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

时间:2019-05-27 00:04:35      阅读:41      评论:0      收藏:0      [点我收藏+]

标签:dna   官方   con   pre   dom   inpu   $$   isarray   name   

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

      _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
            }
          }
        }
      }),

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

标签:dna   官方   con   pre   dom   inpu   $$   isarray   name   

原文:https://www.cnblogs.com/xiangnan/p/10928132.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号