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;
167
856
18
+ 4 other calls in file
GitHub: hacfins/vue3-multi-page
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]
1
2
1
GitHub: hacfins/vue3-multi-page
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]
1
2
1
+ 5 other calls in file
GitHub: hacfins/vue3-multi-page
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 */))
1
2
1
+ 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"
1
1
4
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 */),
0
1
1
+ 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)
1
0
0
+ 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
1
0
0
+ 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 */),
0
0
1
+ 7 other calls in file
GitHub: WenyaoL/marked2vue
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")
0
0
1
+ 20 other calls in file
vue.createElementBlock is the most popular function in vue (2388 examples)