How to use the openBlock function from vue

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

57
58
59
60
61
62
63
64
65
66
});

function render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_a_button = vue.resolveComponent("a-button");

  return vue.openBlock(), vue.createBlock(_component_a_button, vue.mergeProps(_ctx.$attrs, {
    type: _ctx.type,
    class: _ctx.className
  }), {
    icon: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "icon")]),
fork icon1
star icon1
watch icon4

24
25
26
27
28
29
30
31
32
33
function render$1(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_a_result = vue.resolveComponent("a-result");

  const _component_a_card = vue.resolveComponent("a-card");

  return vue.openBlock(), vue.createBlock(_component_a_card, {
    bordered: false,
    class: "easi-packages-error-full-page"
  }, {
    default: vue.withCtx(() => [vue.createVNode(_component_a_result, {
fork icon1
star icon1
watch icon4

+ 3 other calls in file

176
177
178
179
180
181
182
183
184
185
title: _vue.withCtx(() => [_vue.createVNode("span", _hoisted_4$2, [!!item.meta.icon ? (_vue.openBlock(), _vue.createBlock("i", {
  key: 0,
  class: [item.meta.icon, "anticon"]
}, null, 2)) : _vue.createCommentVNode("v-if", true), _vue.createVNode("span", null, _vue.toDisplayString(item.meta.title), 1)])]),
default: _vue.withCtx(() => [(_vue.openBlock(true), _vue.createBlock(_vue.Fragment, null, _vue.renderList(item.children, child => {
  return _vue.openBlock(), _vue.createBlock(_vue.Fragment, {
    key: child.name
  }, [!child.meta.hideMenu ? (_vue.openBlock(), _vue.createBlock(_component_a_menu_item, {
    key: child.name,
    class: "flex items-center",
fork icon1
star icon1
watch icon4

+ 11 other calls in file