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")
fork icon167
star icon856
watch icon18

+ 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",
fork icon0
star icon1
watch icon1

+ 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",
fork icon1
star icon0
watch icon0

+ 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')
fork icon1
star icon0
watch icon0

+ 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
  }, [
fork icon0
star icon0
watch icon1

+ 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")
fork icon0
star icon0
watch icon1

+ 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
      }, {
fork icon0
star icon0
watch icon7

+ 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
    }, [
fork icon0
star icon0
watch icon7

+ 129 other calls in file

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
    }, [
fork icon0
star icon0
watch icon1

+ 131 other calls in file

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 */));
        };
    }
});

fork icon0
star icon0
watch icon1

+ 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,
fork icon0
star icon0
watch icon1

+ 272 other calls in file

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")
            ]));
        };
    }
fork icon0
star icon0
watch icon0

+ 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"])
fork icon0
star icon0
watch icon1

+ 5 other calls in file

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 */));
        };
    }
});

fork icon0
star icon0
watch icon1

+ 22 other calls in file