loading指令 - Githubissues

使用指令时打包后的v-show不是一个响应的visible，在指令内部调用el.instance.show()时，数据不会更新。打包后的值应该是一个_ctx.visible

function render$V(_ctx, _cache, $props, $setup, $data, $options) {
  return openBlock(), createBlock(Transition, {
    name: "el-loading-fade",
    onAfterLeave: $setup.handleAfterLeave
  }, {
    default: withCtx(() => [withDirectives(createVNode("div", {
      class: ["el-loading-mask", [$props.customClass, {
        'is-fullscreen': $props.fullscreen
      }]],
      style: {
        backgroundColor: $props.background || ''
      }
    }, [createVNode("div", _hoisted_1$y, [!$props.spinner ? (openBlock(), createBlock("svg", _hoisted_2$m, [_hoisted_3$g])) : (openBlock(), createBlock("i", {
      key: 1,
      class: $props.spinner
    }, null, 2
    /* CLASS */
    )), $props.text ? (openBlock(), createBlock("p", _hoisted_4$8, toDisplayString($props.text), 1
    /* TEXT */
    )) : createCommentVNode("v-if", true)])], 6
    /* CLASS, STYLE */
    /* 
      loading打包后$props.visible 使用指令时不是一个响应式的 
      el.instance.show();指令调用时不生效
    */
    ), [[vShow, $props.visible]])]),
    _: 1
    /* STABLE */

  }, 8
  /* PROPS */
  , ["onAfterLeave"]);
}

hug-sun / element3

loading指令 #541