zoukankan      html  css  js  c++  java
  • 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
                }
              }
            }
          }),
    
  • 相关阅读:
    Add Two Numbers
    Same Tree
    Single Number
    题目1190:大整数排序
    题目1182:统计单词
    题目1181:遍历链表
    题目1180:对称矩阵
    题目1179:阶乘
    题目1206:字符串连接
    HTML事件
  • 原文地址:https://www.cnblogs.com/xiangnan/p/10928132.html
Copyright © 2011-2022 走看看