How to use the renderSlot function from vue

Find comprehensive JavaScript vue.renderSlot code examples handpicked from public code repositorys.

1888
1889
1890
1891
1892
1893
1894
1895
1896
1897
1898
function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (vue.openBlock(), vue.createElementBlock("select", {
    multiple: _ctx.multiple,
    ref: "slim"
  }, [
    vue.renderSlot(_ctx.$slots, "default")
  ], 8 /* PROPS */, _hoisted_1))
}


script.render = render;
fork icon167
star icon856
watch icon18

+ 4 other calls in file

199
200
201
202
203
204
205
206
207
208
    'is-disabled': _ctx.isDisabled,
    'hover': _ctx.hover}],
  onMouseenter: _cache[1] || (_cache[1] = (...args) => (_ctx.hoverItem && _ctx.hoverItem(...args))),
  onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => (_ctx.selectOptionClick && _ctx.selectOptionClick(...args)), ["stop"]))
}, [
  vue.renderSlot(_ctx.$slots, "default", {}, () => [
    vue.createVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1 /* TEXT */)
  ])
], 34 /* CLASS, HYDRATE_EVENTS */)), [
  [vue.vShow, _ctx.visible]
fork icon1
star icon2
watch icon1

169
170
171
172
173
174
175
176
177
178
]),
vue.createVNode("div", {
  class: ['el-step__icon', `is-${_ctx.icon ? 'icon' : 'text'}`]
}, [
  (_ctx.currentStatus !== 'success' && _ctx.currentStatus !== 'error')
    ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
        (_ctx.icon)
          ? (vue.openBlock(), vue.createBlock("i", {
              key: 0,
              class: ['el-step__icon-inner', _ctx.icon]
fork icon1
star icon2
watch icon1

+ 5 other calls in file

206
207
208
209
210
211
212
213
214
215
    key: idx,
    class: "el-vl__item",
    style: _ctx.itemStyle
  }, {
    default: vue.withCtx(() => [
      vue.renderSlot(_ctx.$slots, "default", { item: item })
    ]),
    _: 2 /* DYNAMIC */
  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["style"]))
}), 128 /* KEYED_FRAGMENT */))
fork icon1
star icon2
watch icon1

+ 3 other calls in file

202
203
204
205
206
207
208
209
210
211
}, 8, ["title"])])) : vue.createCommentVNode("v-if", true), vue.createVNode("div", _hoisted_3, [_ctx.layoutType === "card" ? (vue.openBlock(), vue.createBlock(_component_a_card, {
  key: 0
}, {
  default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
  _: 3
})) : vue.renderSlot(_ctx.$slots, "default", {
  key: 1
})])], 64)) : (vue.openBlock(), vue.createBlock(_component_NoPermission, {
  key: 1,
  status: "403"
fork icon1
star icon1
watch icon4

457
458
459
460
461
462
463
464
465
466
}, [
    vue.createElementVNode("div", {
        class: vue.normalizeClass(["v-code-block--label v-code-block--pb-1", vue.unref(labelClasses)])
    }, [
        (vue.unref(slots).label)
            ? vue.renderSlot(_ctx.$slots, "label", { key: 0 }, undefined, true)
            : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                vue.createTextVNode(vue.toDisplayString(props.label), 1 /* TEXT */)
            ], 64 /* STABLE_FRAGMENT */))
    ], 2 /* CLASS */),
fork icon0
star icon1
watch icon1

+ 2 other calls in file

1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
      class: ['p-dropdown-clear-icon', $props.clearIcon],
      onClick: _cache[7] || (_cache[7] = (...args) => ($options.onClearClick && $options.onClearClick(...args)))
    }, $props.clearIconProps), null, 16))
  : vue.createCommentVNode("", true),
vue.createElementVNode("div", _hoisted_4, [
  vue.renderSlot(_ctx.$slots, "indicator", {}, () => [
    vue.createElementVNode("span", {
      class: vue.normalizeClass($options.dropdownIconClass),
      "aria-hidden": "true"
    }, null, 2)
fork icon1
star icon0
watch icon0

+ 224 other calls in file

3186
3187
3188
3189
3190
3191
3192
3193
3194
3195
                class: "p-button-text",
                onKeydown: $options.onContainerButtonKeydown
              }, null, 8, ["label", "onKeydown"])
            ]))
          : vue.createCommentVNode("", true),
        vue.renderSlot(_ctx.$slots, "footer")
      ], 16, _hoisted_3))
    : vue.createCommentVNode("", true)
]),
_: 3
fork icon1
star icon0
watch icon0

+ 99 other calls in file

175
176
177
178
179
180
181
182
183
184
vue.createElementVNode("div", {
  class: "entry_title",
  style: vue.normalizeStyle({ ..._ctx.getStyle(['entry_title']) })
}, [
  (_ctx.$slots[entry.id])
    ? vue.renderSlot(_ctx.$slots, entry.id, { key: 0 })
    : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
        vue.createTextVNode(vue.toDisplayString(entry.title), 1 /* TEXT */)
      ], 64 /* STABLE_FRAGMENT */))
], 4 /* STYLE */),
fork icon0
star icon0
watch icon1

+ 7 other calls in file

2872
2873
2874
2875
2876
2877
2878
2879
2880
2881
var slots = vue.useSlots();
var hasSlot = function (name) { return !!slots[name]; };
return function (_ctx, _cache) {
    return (vue.openBlock(), vue.createElementBlock("table", _hoisted_1$2, [
        vue.createElementVNode("thead", _hoisted_2$1, [
            vue.renderSlot(_ctx.$slots, "header")
        ]),
        (hasSlot('default'))
            ? (vue.openBlock(), vue.createElementBlock("tbody", _hoisted_3, [
                vue.renderSlot(_ctx.$slots, "default")
fork icon0
star icon0
watch icon1

+ 20 other calls in file