当前位置: 首页 > 知识库问答 >
问题:

vue3使用pug时,具名插槽解析错误?

武卓
2023-06-29

vue: "3.3.4"
pug: "3.0.2"

只有具名插槽报错,默认的正常

ToolBar
    .sys_btns
        template(#end)
            span 123

ToolBar

...
slot(name="end")
...

报错:

[plugin:vite:vue] Codegen node is missing for element/if/for node. Apply appropriate transforms first.

网上能找到的方法都试了,没用。如下:

template(#end="")
template(v-slot:end)
template(v-slot:end="")
<template v-slot:end>xxx</template>

还有一个不知道怎么用:

globals: {
    'vue-jest': {
      pug: { doctype: 'html' }
    }
  }

共有1个答案

奚瑾瑜
2023-06-29
template(v-slot:end)
  span 123

即可。

解决这个问题很简单,找个 pug 输出 html,看怎样能满足 vue 的要求 就好。

 类似资料:
  • 本文向大家介绍vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】,包括了vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了vue 使用插槽分发内容操作。分享给大家供大家参考,具体如下: 单个插槽 除非子组件模板包含至少一个 <slot> 插口,否则父组件的内容将会被丢弃。当子组件模板只有一个没有属性的插槽时,父

  • 下面的部分代码 subsidy-rules组件 b组件 为什么页面中无法展示出插槽的内容?

  • 如题,基本的框架是vben。这里面的具名插槽为何没效果, 搞不明白 那个jsx里面是不能写简写#content的,会影响代码高亮和格式。这为啥popover没有按预期的工作?

  • 我使用POSGTRESQL10。 我想将数据库“DB”中的2个表复制到数据库“Destination”中具有相同列的两个表中。 第一个复制工作。然后,当我更改一个varchar条目(不是FK)的值时,该值不会被复制,并且在postgres日志中出现以下错误: 2020-04-12 16:16:57.886 CEST[720474]日志:订阅“my_subscription”的逻辑复制应用进程已启动

  • 1. 前言 本小节我们将介绍如何使用插槽slot,包括默认插槽、具名插槽、作用域插槽。插槽可以使组件的模版变得多样性,让用户在使用组件时可以自定义传入模版内容。在复杂组件中,当我们在使用多个插槽的时候将会是一个难点。但是也不必担心,只要我们将每个插槽类型的使用方法学透,相信面对任何复杂插槽的使用的时候都可以游刃有余。 2. 慕课解释 Vue 实现了一套内容分发的 API,将 元素作为承载分发内容的

  • 本文向大家介绍详解vue slot插槽的使用方法,包括了详解vue slot插槽的使用方法的使用技巧和注意事项,需要的朋友参考一下 官方文档其实已经讲得很详细,我根据文档,把官方的小案例实现了一下,这样更直观 单个slot使用最简单,也是最常用的,当我们定义了一个子组件,父组件在使用的这个组件的时候,想在内部自定义一些初始化数据,这时候就可以用slot实现。 具名slot只是给slot加了name