小编MrF*_*and的帖子

如何在Vue组件中导入外部函数?

我是 javascript 和 vue.js 的新手,在尝试在现有程序中添加新功能时遇到了一些问题。

我已将我的新功能(与其他功能一起)放在一个单独的文件中:

export const MyFunctions = {
MyFunction: function(param) {
    // Doing stuff
}
}
Run Code Online (Sandbox Code Playgroud)

然后我在组件文件中导入文件并调用我的函数:

<script>
    import {MyFunctions} from "@/components/MyFunctions.js";
    export default {
        name:"Miniature",
        computed: {
            useMyFunction() {
                MyFunction("Please do some stuff !");
            }
        }
    }
</script>
Run Code Online (Sandbox Code Playgroud)

使用组件时,我收到一条错误消息

[Vue 警告]:属性或方法“MyFunction”未在实例上定义,但在渲染期间被引用。通过初始化属性,确保此属性是反应性的,无论是在数据选项中,还是对于基于类的组件。请参阅:https : //vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties

我已经阅读了很多文档,但无法理解为什么它不起作用。谁能帮我这个 ??

javascript vue.js

3
推荐指数
2
解决办法
2万
查看次数

如何在 vue.js 中使用 puppeteer

我正在尝试将 puppeteer 集成到 vue.js 应用程序中以生成屏幕截图和 pdf 文件。我编写了一个使用 puppeteer 生成屏幕截图的函数,效果很好。

export const MyScripts = {
    getMiniature : async function(elementId, key) {
        const puppeteer = require('puppeteer');
        const browser = await puppeteer.launch();
        const page = await browser.newPage();
        // Making a screenshot
    }
}
Run Code Online (Sandbox Code Playgroud)

在尝试集成该功能时,它无法加载 puppeteer。'require' 不会产生错误,但是当我调用 puppeteer.launch() 时,我收到以下消息:

类型错误:nodeFunction 未定义

我读过 puppeteer 不应该与前端应用程序一起工作,所以我希望我没有选择错误的方向。

那么我怎样才能让它工作呢?如果不可能,我可以用什么来生成屏幕截图或 pdf ?

提前致谢

vue.js puppeteer

3
推荐指数
2
解决办法
7491
查看次数

“addCorsMapping”阻止 Swagger UI

我正在开发 Spring 应用程序,但在使用 Swagger 和 Spring Security 时遇到了一些问题。我必须添加一个特定的配置来允许几乎所有访问(CORS),到目前为止它运行良好,但不知何故它阻止了 Swagger....

这是我的 SwaggerConfiguration.java

@Configuration
@EnableSwagger2
@SwaggerDefinition(
        info = @Info(
                description = "Web Service",
                version = "V0.0.1",
                title = "Web Service",
                contact = @Contact(
                        name = "Me",
                        email = "dev@me.com",
                        url = "https://www.me.com/"
                )
        ),
        consumes = {"application/json"},
        produces = {"application/json"},
        schemes = {SwaggerDefinition.Scheme.HTTP, SwaggerDefinition.Scheme.HTTPS}
)
public class SwaggerConfiguration {

    /** List of Swagger endpoints (used by {@code WebSecurityConfig}) */
    static final String[] SWAGGER_ENDPOINTS = {
            "/v2/api-docs",
            "/swagger-resources",
            "/swagger-resources/**",
            "/configuration/ui",
            "/configuration/security",
            "/swagger-ui.html",
            "/webjars/**" …
Run Code Online (Sandbox Code Playgroud)

spring spring-security swagger-ui

0
推荐指数
1
解决办法
1684
查看次数