How to use the createElementBlock function from vue
Find comprehensive JavaScript vue.createElementBlock code examples handpicked from public code repositorys.
1884 1885 1886 1887 1888 1889 1890 1891 1892 1893 1894 1895
}); const _hoisted_1 = ["multiple"]; function render(_ctx, _cache, $props, $setup, $data, $options) { return (vue.openBlock(), vue.createElementBlock("select", { multiple: _ctx.multiple, ref: "slim" }, [ vue.renderSlot(_ctx.$slots, "default")
167
856
18
+ 4 other calls in file
76 77 78 79 80 81 82 83 84 85 86
const _hoisted_1$1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/vue.createElementVNode("path", { d: "M224 0c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224zM64 160c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H288v64H64V224h64V160H64z" }, null, -1 /* HOISTED */)); const _hoisted_2$1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/vue.createElementVNode("path", { d: "M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }, null, -1 /* HOISTED */)); const _hoisted_3$1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/vue.createElementVNode("path", { d: "M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z" }, null, -1 /* HOISTED */)); function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [ vue.createCommentVNode(" Copy Icon "), ($props.icon === 'copy') ? (vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({ key: 0 }, _ctx.$attrs, { viewBox: "0 0 512 512",
0
1
1
+ 12 other calls in file
1068 1069 1070 1071 1072 1073 1074 1075 1076 1077
vue.renderSlot(_ctx.$slots, "header", { value: $props.modelValue, options: $options.visibleOptions }), ($props.filter) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [ vue.createElementVNode("div", _hoisted_6, [ vue.createElementVNode("input", vue.mergeProps({ ref: "filterInput", type: "text",
1
0
0
+ 299 other calls in file
3131 3132 3133 3134 3135 3136 3137 3138 3139 3140
[_directive_ripple] ]) ])) : vue.createCommentVNode("", true), ($props.hourFormat == '12') ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_40, [ vue.createElementVNode("span", null, vue.toDisplayString($props.timeSeparator), 1) ])) : vue.createCommentVNode("", true), ($props.hourFormat == '12')
1
0
0
+ 799 other calls in file
230 231 232 233 234 235 236 237 238 239
}) ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["activeID", "subdataList", "styleObj", "iteration", "collapseEnable", "onUpdateLayerSize", "onClickEntry", "onToggleCollapsed"]) ], 12 /* STYLE, PROPS */, _hoisted_2)) : vue.createCommentVNode("v-if", true) ], 4 /* STYLE */)) : (vue.openBlock(), vue.createElementBlock("li", { class: "layer_container", style: vue.normalizeStyle({ ..._ctx.getStyle(['layer_container']) }), key: entry.id }, [
0
0
1
+ 23 other calls in file
21 22 23 24 25 26 27 28 29 30 31 32
}; const _hoisted_1 = ["href"]; function render$1(_ctx, _cache, $props, $setup, $data, $options) { return (vue.openBlock(), vue.createElementBlock("a", { href: $props.to, onClick: _cache[0] || (_cache[0] = (...args) => ($options.navigate && $options.navigate(...args))) }, [ vue.renderSlot(_ctx.$slots, "default")
0
0
1
+ 31 other calls in file
1057 1058 1059 1060 1061 1062 1063 1064 1065 1066
const _component_TabPanel = vue.resolveComponent("TabPanel"); const _component_TabView = vue.resolveComponent("TabView"); return (vue.openBlock(), vue.createBlock(_component_TabView, { activeIndex: page.value }, { default: vue.withCtx(() => [ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.params, (section) => { return (vue.openBlock(), vue.createBlock(_component_TabPanel, { key: section, header: section.header }, {
0
0
7
+ 25 other calls in file
423 424 425 426 427 428 429 430 431 432
vue.createElementVNode("label", { for: vue.unref(config).field, class: "form-label" }, vue.toDisplayString(vue.unref(config).label), 9 /* TEXT, PROPS */, _hoisted_1$d), vue.createElementVNode("div", _hoisted_2$b, [ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(field_options.value, (option) => { return (vue.openBlock(), vue.createElementBlock("div", { class: "field-radiobutton col-12", key: option }, [
0
0
7
+ 129 other calls in file
GitHub: WenyaoL/marked2vue
2745 2746 2747 2748 2749 2750 2751 2752 2753 2754
id: __props.id }, [ vue.renderSlot(_ctx.$slots, "default") ], 8 /* PROPS */, _hoisted_3)) : (__props.level == '4') ? (vue.openBlock(), vue.createElementBlock("h4", { key: 3, class: "marked-vue-heading4", id: __props.id }, [
0
0
1
+ 131 other calls in file
GitHub: WenyaoL/marked2vue
2636 2637 2638 2639 2640 2641 2642 2643 2644 2645
props: { text: { type: String, required: true } }, setup: function (__props) { return function (_ctx, _cache) { return (vue.openBlock(), vue.createElementBlock("code", _hoisted_1$9, vue.toDisplayString(__props.text), 1 /* TEXT */)); }; } });
0
0
1
+ 21 other calls in file
385 386 387 388 389 390 391 392 393 394 395
const _hoisted_18 = ["model", "value", "required", "placeholder", "aria-describedby"]; const _hoisted_19 = ["id", "value", "placeholder", "min", "model", "aria-describedby"]; const _hoisted_20 = ["id"]; function render(_ctx, _cache, $props, $setup, $data, $options) { return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [ (_ctx.label) ? (vue.openBlock(), vue.createElementBlock("label", { key: 0, for: _ctx.realId,
0
0
1
+ 272 other calls in file
GitHub: WenyaoL/marked2vue
2704 2705 2706 2707 2708 2709 2710 2711 2712 2713
var _hoisted_1$9 = { class: "marked-vue-bold" }; var script$9 = /*#__PURE__*/ vue.defineComponent({ __name: 'BoldFont', setup: function (__props) { return function (_ctx, _cache) { return (vue.openBlock(), vue.createElementBlock("strong", _hoisted_1$9, [ vue.renderSlot(_ctx.$slots, "default") ])); }; }
0
0
0
+ 91 other calls in file
44 45 46 47 48 49 50 51 52 53 54 55
}; function render$1(_ctx, _cache, $props, $setup, $data, $options) { const _component_q_btn = vue.resolveComponent("q-btn"); return (vue.openBlock(), vue.createElementBlock("div", null, [ vue.createVNode(_component_q_btn, { style: vue.normalizeStyle(`background-color: ${$props.color}; color: ${$props.textColor}`), label: $props.label }, null, 8 /* PROPS */, ["style", "label"])
0
0
1
+ 5 other calls in file
GitHub: WenyaoL/marked2vue
2636 2637 2638 2639 2640 2641 2642 2643 2644 2645
props: { text: { type: String, required: true } }, setup: function (__props) { return function (_ctx, _cache) { return (vue.openBlock(), vue.createElementBlock("code", _hoisted_1$c, vue.toDisplayString(__props.text), 1 /* TEXT */)); }; } });
0
0
1
+ 22 other calls in file
vue.createElementBlock is the most popular function in vue (2388 examples)