在VuePress中显示Vue组件 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

如何在vuepress中使用web组件

vue.js、web-component、vuepress、stoplight

我正在尝试将集成到我们的vuepress站点。为此，我们添加了一个名为elements-api的web组件，该组件由信号灯提供。我在.vuepress/config.js中添加了信号灯库如下所示。vue.runtime.esm.js?2b0e:6

浏览 3提问于2022-07-30得票数 1

回答已采纳

1回答

vuepress -如何自定义组件目录'.vuepress/ components‘与寄存器-组件的位置？

vue.js、components、customization、vuepress

我尝试用插件寄存器/组件在vuepress中添加组件的自定义目录，但这似乎是不可能的。我试过 title: 'Hello VuePress', plugins: [/components' ]}

浏览 0提问于2018-08-23得票数 4

回答已采纳

2回答

.vuepress/components文件夹中的组件不呈现

vuepress

我尝试添加一个简单的vue组件，以便在.md文件中使用它，如vuepress文档中所述。我把我的HelloWord.vue放在.vuepress/components文件夹中，然后在我的markdown文件中，我用来调用它，但在运行vuepress dev之后什么也没有显示，以前有人遇到过这个问题吗

浏览 137提问于2019-03-12得票数 0

1回答

在组件内部运行的自定义筛选器和/或插件

filter、plugins、vuepress、composable

我们已经构建了一个大型的Vuejs应用程序，现在我们正在将其组件添加到Vuepress中。然而，我们在解决如何转移一些全局使用的插件和整个项目中使用的可组合函数时遇到了问题。例如，将文本{{ postTitle | uppercase }}大写，另一个在computed或methods中作为uppercase(String)调用我找不到任何关于如何创建和管理助手函数的Vuepress

浏览 19提问于2021-04-15得票数 0

1回答

在vuepress中，如何动态地将一些md内容呈现为缓冲主题(vue模板)

vue.js、markdown、vuepress

在主题的一个.vue文件(组件)中，我只想动态地呈现一些md内容，如下所示，在.vue模板中::: slot aaa:::::: slot bbb:::<template> <div class="theme-container/

浏览 7提问于2020-04-30得票数 1

1回答

在Vuepress中，是否有一种简洁的方法来包含组件？

vuepress

在Vuepress中，我可以在Markdown中包含组件，这样做： <div class="thingy"> </div> </

浏览 0提问于2018-08-21得票数 0

2回答

我试图使用主题继承来修改VuePress默认主题导航条。在阅读了1.x文档之后，我相信我正在应用所推荐的内容，但是网站的构建并不正确。我将extend = '@vuepress/theme-default'添加到config.toml文件中，并创建了一个名为.vuepress/theme/components/的目录，并将文件Navbar.vue添加到该目录中。在生成站点时，我的终端向我发出以下警告： warn

浏览 0提问于2019-07-23得票数 2

回答已采纳

1回答

vuepress2:如何获取Vue实例以便我可以使用第三方vue插件？

vue.js、vuejs3、vuepress

我正在尝试在VuePress 2 (基于Vue 3的VuePress )中使用v-wave。我遵循了文档，尝试使用v-wave作为VuePress 2的本地插件 .vuepress/config.js const vwave = require('path/to/v-wave.js'); (options, app) => { app.use

浏览 65提问于2021-08-22得票数 1

回答已采纳

1回答

如何在VuePress v.2.0.0中添加组件？

vue.js、components、vuepress

我使用的是VuePress版本： "vuepress": "^2.0.0-beta.26"而且我不能向我的.vue页面中添加一个简单的.md组件。我的吉特布我遵循官方关于组件的指南。但是我得到的只是一个零大小的组件(没有显示内容)。任何解决办法都会很感激。因此，我所做的就是

浏览 0提问于2021-09-28得票数 0

回答已采纳

1回答

vue模板中的Vuepress主题

vue.js、vue-component、vuepress

我正在做一个vue项目，理想情况下我需要在vue模板中嵌入一个文档。我考虑使用vuepress制作文档，因为它有一个成熟的文档主题，非常适合我想要的文档类型，还支持markdown来编写文档。我尝试使用vuepress，但只包含.vuepress/components文件夹中编写的组件。有没有一种方法可以在markdown文件中包含项目的其他vue组件，或者将markdo

浏览 0提问于2018-08-08得票数 0

1回答

如何在Vuepress 2中以编程方式显示/隐藏editLink客户端？

vuepress

我只想显示特权用户的编辑链接。例如，我有用于路由的用户信息，并且可以在组件中使用它。但是，我没有找到任何方法来根据用户角色在每个页面上显示/隐藏编辑链接。它必须在客户端完成。请帮帮忙。

浏览 10提问于2022-01-06得票数 0

2回答

Vuepress -将组件添加到每个页面

vue.js、vuepress

我希望向应用程序中的每个页面添加一个Vue组件，而不必在每个模板中手动声明它。/components/my-component' Vue, router,}) => {} 应用程序运行了，但我在任何地方都没有看到组件。

浏览 0提问于2018-12-12得票数 0

1回答

使用@theme在默认主题中确定要在自定义组件中使用的组件的目标

vue.js、components、themes、vuepress

我正在使用Vuepress编写文档，我发现自己需要创建一个自定义页面。为了做到这一点，我遵循了Vuepress的文档，它是的，你可以使用YALM front matter来定位一个不同的组件作为布局：layout: SpecialLayout但是，当我尝试使用默认主题中的现有组件时，似乎无法导入该组件。import PageNav from '@theme/components/PageNav.vue' 在Sp

浏览 2提问于2019-11-28得票数 0

2回答

带标题的图像- vuepress

javascript、vue.js、vuepress

我试图在vuepress中创建一个组件来显示带有标题的图像。当我硬编码图像路径时，图像就会出现，但是这样我就不会有一个可重用的组件。我已经试过用道具了，但也没用。</script> 在我的README.md上，我像这样调用组件：<captioned-image src="filename.png" caption="Caption Example" />，但是图像没有出

浏览 1提问于2018-09-14得票数 5

回答已采纳

1回答

如何忽略VuePress中的自定义元素以避免“未知自定义元素”错误？

vue.js、vuepress

但是，我的“自定义”web组件正在生成一个错误，原因是VuePress试图在第一次加载页面时将它们“识别”为Vue components。一旦页面加载，我的web组件就会像预期的那样工作，但错误仍然存在。vue.runtime.esm.js?found in ---> <TimeLineWrapper> at docs/.vuepress/components/TimeLineWrapper.<e

浏览 0提问于2019-04-26得票数 0

1回答

从VuePress中的cutom组件链接到图像

vuepress

我想在我的VuePress标记文件中显示一个图像。一般情况下，我会选择：但是，我想创建一个定制的Vue组件，它将以一种特定的方式对图像进行样式化。然后，一些图像将使用“标准”标记语法(如上面所示)显示，另一些则使用我的自定义组件显示。<MyComponent src="

浏览 2提问于2021-07-20得票数 0

1回答

如何将Vue-donut-chart库添加到Vuepress？

vuepress

我正在尝试使用这个Vue库添加一个图表。我将依赖项添加到Config文件中。库要求我们使用Vue.use()。但我得到了Vue is undefined。有什么想法吗？

浏览 0提问于2018-11-16得票数 0

1回答

在VuePress 1.x中，对pageKey使用<Content>标签不起作用

javascript、vue.js、vuepress

在开发过程中，我们创建了一个组件，该组件根据this.$site.pages.path列表遍历文件夹中的每个index.md文件。查看适用于chrome的Vue插件，我可以看到page.key就在那里。 ? 在页面中，我简单地调用了<ChangeLogList />，它调用了上面的全局组件。存储库中的引用链接全局组件：https://github.

浏览 47提问于2019-02-27得票数 1

1回答