问题标签 [vue-class-components]

这是我的vuejs组件，我正在使用基于类的方法。

这是我的store/modules/list.js。

现在，我可以从商店中获取商品列表。但无法将操作与组件映射。它显示错误[vuex] module namespace not found in mapActions(): ../store/modules/list/

任何帮助，将不胜感激。谢谢

这是父组件：

这是子组件：

我handleUploadIcon在无法input通过ref. 它显示Cannot read property 'click' of undefined在这一行appImgElem.click(); 但是当我将文件输入移动到父组件时，它工作正常。那么，您能帮我如何将 ref 设置为来自父级的子组件元素，因为它目前没有设置。谢谢

我想在vue-class-component中使用FullCalendar vue ，但无法使其正常工作。

按照FullCalendar 文档，我可以将它与提供的示例一起使用。一旦翻译成vue-class-component，我就很挣扎。主要是声明 FullCalendar 组件不起作用。

这给了我以下错误：

我的 TypeScript 组件文件中出现一个错误，即 prop 不存在，但我完全按照vue-class-component文档示例中的描述声明了 prop。

我该如何解决？

我有两个刀片文件

1. 生成.blade.php
2. 仪表板/index.blade.php

并创建了两个组件

1. ImageuploadComponent（组件文件）
2. appCurrencies (Vue axios 请求)

1 - 在 app.js 文件中并在 generate.blade.php 中调用了这两个组件，但是当我要去 dasbhoard/index.blade.php 时，我得到了这个错误

app.js:38968 [Vue 警告]：找不到元素：#appUpload

请帮助我如何忽略这些错误或仅在 generate.blade.php 中调用这些组件。

使用vue-property-decorator（或者实际上是vue-class-componentComponent的and ）和vue-chartjs-typescript，我正在尝试使用属性和. 以下代码在为应用程序提供服务时实际上有效：PropBarChartchartDataoptions

但是，在构建应用程序时它会失败。我的 IDE（PyCharm Pro）也给出了同样的错误：

TS2339：“BarChart”类型上不存在属性“renderChart”。

因此，当使用@Component({extends: Bar}), 对于解释器，不清楚该组件是否扩展了Bar. 我已经尝试过扩展Bar而不是Vue, 所以export default class BarChart extends Bar. 但这给出了以下错误：

TypeError：超级表达式必须为空或函数

任何想法如何解决这个问题？

我正在尝试为使用vue-class-component装饰器以 TypeScript 编写的 VueJS 组件生成代码覆盖率，并为组件的实际逻辑使用单独.ts的文件。例如，对于一个 VueJS 组件，我实际上有两个文件，一个.vue带有 HTML 模板的文件，它将.ts包含数据/属性/方法的文件调用到类组件中。

对于我正在使用的运行测试vue-test-utils，mocha-webpack代码覆盖率是使用istanbul/nyc.

这是我的package.json测试特定配置：

这里是我的 webpack 配置文件中的覆盖规则：

最后还有一个 VueJS ProgressBar 组件的测试摘录：

该组件的测试运行良好，但是该ProgressBar组件未在我的报道中列出。

我发现覆盖类组件的唯一解决方法是在测试中实际实例化它们（例如progressBar = new ProgressBarClass()），但这违背了 vue-test-utils 的目的......有什么想法吗？

非常感谢您的帮助！

在打字稿上下文中处理基于类的组件，并且想知道我一直遇到的打字稿错误。

以下是我的组件代码：

以上工作没有编译错误。但是，如果我删除status-- status!: string-- 的显式类型，我会收到以下错误：

我发现了许多类似的文章和问题，但似乎没有一个与我的情况完全匹配。在我的tsconfig.json中，我有以下集合，一些建议的帖子可能会有所帮助：

有什么想法或见解吗？除了传递道具然后在里面再次输入它们之外，还有其他方法export default class Foo extends Vue {...吗？

我最近切换到使用打字稿的类组件，并在我的网站上出现此错误。这个错误在 Firefox 上，但在 chrome 上我得到

查找我能找到的最接近的答案是将组件切换到路由器文件中的组件。但我检查过，我的一切似乎都很好。

这是我文件中的一些尝试

导航

这是完整的谷歌错误

火狐

我所做
的我最初的方法是使用以下返回类装饰器的mixin：

所以稍后可以使用 util 来装饰类，并且可以毫无问题地访问目标类的 this：

但它会导致 tslinter 警告TS2339: Property 'customUtil' does not exist on type 'ComponentClass'.

问题
1. 是否有可能通过以某种方式“键入”由 mixin 实用程序分配给类的方法来解决 linter 问题
2. 如果有一种替代方法可以让实用程序函数/类可以毫无问题地访问它使用它们的类以及附加它们的简单方法？