Vuejs2 在nativescript vue应用程序中集成nativescript paytm插件

我有一个nativescript vue应用程序，我想在其中集成插件，我在单击事件时创建了一个方法：

payNow（）

，它包含了Readme.md/documentation/demo app中描述的

Paytm

的所有必要细节

import {
    Paytm,
    Order,
    TransactionCallback,
    IOSCallback
} from "@nstudio/nativescript-paytm";

const paytm = new Paytm()
methods: {
    payNow() {
        paytm.setIOSCallbacks({
            didFinishedResponse: function(response) {
                console.log(response);
            },
            didCancelTransaction: function() {
                console.log("User cancelled transaction");
            },
            errorMissingParameterError: function(error) {
                console.log(error);
            }
        });
        // Sample order
        const order  = {
            // This will fail saying duplicate order id
            // generate your own order to test this.
            MID: "rzqfRq*******83",
            ORDER_ID: "NOETIC_ORDER_0001",
            CUST_ID: "CUST_6483",
            INDUSTRY_TYPE_ID: "Retail",
            CHANNEL_ID: "WAP",
            TXN_AMOUNT: "10.00",
            WEBSITE: "WEBSTAGING",
            CALLBACK_URL: "https://pguat.paytm.com/paytmchecksum/paytmCallback.jsp",
            EMAIL: "rubal@example.com",
            MOBILE_NO: "9876543210",
            CHECKSUMHASH: "NDspZhvSHbq44K3A9Y4daf9En3l2Ndu9fmOdLG+bIwugQ6682Q3JiNprqmhiWAgGUnNcxta3LT2Vtk3EPwDww8o87A8tyn7/jAS2UAS9m+c="
        };

        paytm.initialize("STAGING"); 

        paytm.createOrder(order);

        paytm.startPaymentTransaction({
            someUIErrorOccurred: function(inErrorMessage) {
                console.log(inErrorMessage);
            },
            onTransactionResponse: function(inResponse) {
                console.log(inResponse);
            },
            networkNotAvailable: function() {
                console.log("Network not available");
            },
            clientAuthenticationFailed: function(inErrorMessage) {
                console.log(inErrorMessage);
            },
            onErrorLoadingWebPage: function(
                iniErrorCode,
                inErrorMessage,
                inFailingUrl
            ) {
                console.log(iniErrorCode, inErrorMessage, inFailingUrl);
            },
           onBackPressedCancelTransaction: function() {
                console.log("User cancelled transaction by pressing back button");
           },
           onTransactionCancel: function(inErrorMessage, inResponse) {
               console.log(inErrorMessage, inResponse);
           }
      });
    }
}

执行时，我只能看到如下屏幕：

我可以看到，当取消时，我通过按下后退按钮在控制台中收到一条消息，这意味着这些东西也在工作，但我看不到任何屏幕，至少如果看到任何错误消息，我可以尝试调试。帮我解决这个问题

下面是我在命令提示符中得到的消息：

JS：避免在StackLayout中使用没有明确设置高度的ListView或ScrollView。这样做可能会导致较差的用户界面性能和较差的用户体验。 chromium:[INFO:library\u loader\u hooks.cc（36）]chromium日志记录已启用：级别=0，默认详细度=0 chromium:[INFO:aw\u field\u trial\u creator.cc（54）]未找到第一个WebView实验 JS:“用户通过按后退按钮取消了交易” JS：避免在StackLayout中使用没有明确设置高度的ListView或ScrollView。这样做可能会导致较差的用户界面性能和较差的用户体验。 chromium:[INFO:CONSOLE（0）]“将来将不信任用于从中加载资源的SSL证书。一旦不信任，将阻止用户加载这些资源。有关详细信息，请参阅。”，来源：（0） chromium:[INFO:CONSOLE（0）]“将来将不信任用于从中加载资源的SSL证书。一旦不信任，将阻止用户加载这些资源。有关详细信息，请参阅。”，来源：（0） JS:“用户通过按后退按钮取消了交易” JS：避免在StackLayout中使用没有明确设置高度的ListView或ScrollView。这样做可能会导致较差的用户界面性能和较差的用户体验。 chromium:[INFO:CONSOLE（0）]“将来将不信任用于从中加载资源的SSL证书。一旦不信任，将阻止用户加载这些资源。有关详细信息，请参阅。”，来源：（0） chromium:[INFO:CONSOLE（0）]“将来将不信任用于从中加载资源的SSL证书。一旦不信任，将阻止用户加载这些资源。有关详细信息，请参阅。”，来源：（0）

有关更多信息，我在GitHub repo上提出了以下问题：

编辑：

我试着通过游乐场添加它，但因为它使用外部库集成是不可能的。但是我尝试在下面的链接中使用

希望这能让我们更清楚地了解它

编辑：

我的整个

payment.vue

文件看起来像以下链接：

---

谢谢

我猜您的问题与模板代码有关。你能把这个加到问题上吗？（Vue有一些问题，模板只是呈现为白色屏幕。）@EdJones您想要Vue文件吗？Nitish，它可能会有帮助。@EdJones请在链接中找到Complett

payment.Vue

文件：谢谢。这里发生了很多事情，但问题可能出在这一行：这个.$navigateTo（发票）；您可以检查一些navigateTo问题，看看是否可以让它正常工作。似乎该发票页应该有vue模板代码。