How to use the withDirectives function from vue
Find comprehensive JavaScript vue.withDirectives code examples handpicked from public code repositorys.
GitHub: hacfins/vue3-multi-page
191 192 193 194 195 196 197 198 199 200
}; }, }); function render(_ctx, _cache, $props, $setup, $data, $options) { return vue.withDirectives((vue.openBlock(), vue.createBlock("li", { class: ["el-select-dropdown__item", { 'selected': _ctx.itemSelected, 'is-disabled': _ctx.isDisabled, 'hover': _ctx.hover}],
1
2
1
GitHub: hacfins/vue3-multi-page
146 147 148 149 150 151 152 153 154 155
name: "el-message-fade", onBeforeLeave: _ctx.onClose, onAfterLeave: _cache[4] || (_cache[4] = $event => (_ctx.$emit('destroy'))) }, { default: vue.withCtx(() => [ vue.withDirectives(vue.createVNode("div", { id: _ctx.id, class: [ 'el-message', _ctx.type && !_ctx.iconClass ? `el-message--${_ctx.type}` : '',
1
2
1
152 153 154 155 156 157 158 159 160 161
class: ["py-6 flex items-center", [_ctx.collapsed ? "px-24" : "px-16"]] }, [_vue.createVNode("img", { src: _ctx.logo, alt: "", class: "easi-packages-logo" }, null, 8, ["src"]), _ctx.title || _ctx.subTitle ? _vue.withDirectives((_vue.openBlock(), _vue.createBlock("div", _hoisted_1$4, [_ctx.title ? (_vue.openBlock(), _vue.createBlock("p", { key: 0, class: ["truncate", [_ctx.subTitle ? "text-14" : "text-16"]] }, _vue.toDisplayString(_ctx.title), 3)) : _vue.createCommentVNode("v-if", true), _ctx.subTitle ? (_vue.openBlock(), _vue.createBlock("p", _hoisted_2$3, _vue.toDisplayString(_ctx.subTitle), 1)) : _vue.createCommentVNode("v-if", true)], 512)), [[_vue.vShow, !_ctx.collapsed]]) : _vue.createCommentVNode("v-if", true)], 2), _vue.createVNode("div", _hoisted_3$2, [_vue.createVNode(_component_a_menu, { class: "easi-packages-layout-menu",
1
1
4
+ 3 other calls in file
3079 3080 3081 3082 3083 3084 3085 3086 3087 3088
vue.createElementVNode("span", null, vue.toDisplayString($props.timeSeparator), 1) ])) : vue.createCommentVNode("", true), ($props.showSeconds) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_37, [ vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", { class: "p-link", "aria-label": _ctx.$primevue.config.locale.nextSecond, onMousedown: _cache[45] || (_cache[45] = $event => ($options.onTimePickerElementMouseDown($event, 2, 1))), onMouseup: _cache[46] || (_cache[46] = $event => ($options.onTimePickerElementMouseUp($event))),
1
0
0
+ 324 other calls in file
1130 1131 1132 1133 1134 1135 1136 1137 1138 1139
index: $options.getOptionIndex(i, getItemOptions) }, () => [ vue.createTextVNode(vue.toDisplayString($options.getOptionGroupLabel(option.optionGroup)), 1) ]) ], 12, _hoisted_10)) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", { key: 1, id: $data.id + '_' + $options.getOptionIndex(i, getItemOptions), style: vue.normalizeStyle({ height: itemSize ? itemSize + 'px' : undefined }), class: vue.normalizeClass(['p-dropdown-item', { 'p-highlight': $options.isSelected(option), 'p-focus': $data.focusedOptionIndex === $options.getOptionIndex(i, getItemOptions), 'p-disabled': $options.isOptionDisabled(option) }]),
1
0
0
+ 24 other calls in file
491 492 493 494 495 496 497 498 499 500
vue.createElementVNode("label", { for: vue.unref(config).field, class: "form-label" }, vue.toDisplayString(vue.unref(config).label), 9 /* TEXT, PROPS */, _hoisted_1$c), vue.createElementVNode("div", _hoisted_2$a, [ vue.withDirectives(vue.createVNode(_component_ColorPicker, { modelValue: vue.unref(model), "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (vue.isRef(model) ? (model).value = $event : null)), inline: vue.unref(config).inline, onChange: vue.unref(input_event),
0
0
7
+ 34 other calls in file
vue.createElementBlock is the most popular function in vue (2388 examples)