How to pass object instead of string in Nativescript-vue with typescript?

Question

I want to implement PromptDialog as in {N} Playground Code

import dialogs from "tns-core-modules/ui/dialogs";
 
  export default {
    methods: {
            onButtonTap() {
                console.log("Button was pressed");
                prompt({
                    title: "Email Prompt",
                    message: "Provide your email address:",
                    okButtonText: "OK",
                    cancelButtonText: "Cancel",
                    defaultText: "[email protected]",
                    inputType: dialogs.inputType.email
                }).then(result => {
                    console.log(`Dialog result: ${result.result},
                text: ${result.text}`);
                });
            }
        },
  }

But Vetur is giving following Typescript error.

Argument of type '{ title: string; message: string; okButtonText: string; cancelButtonText: string; defaultText: string; inputType: string; }' is not assignable to parameter of type 'string'.

This is just example code in nativescript-vue prompt documentation but typescript adaption.

Basic use

    forgotPassword() {
      prompt('Your message to the user', 'Suggested user input').then(result => {
        console.log(`Dialog result: ${result.result}, text: ${result.text}`);
      });
    }

Vetur Error:

Property 'then' does not exist on type 'string'.

prompt accepts a string as parameter, if we are talking about this: developer.mozilla.org/en-US/docs/Web/API/Window/prompt — norbitrial
– norbitrial, Commented Mar 16, 2020 at 17:33
The implication is that the API has incorrect type declarations — Aluan Haddad
– Aluan Haddad, Commented Mar 16, 2020 at 17:54

Cem Kaan · Accepted Answer · 2020-03-17 08:39:29Z

1

It was a miss leading of documentation. There is no API called prompt. It should be dialogs.prompt. Correct example

<script lang="ts">
    import * as dialogs from "tns-core-modules/ui/dialogs";
     export default {
        methods: {
            onButtonTap() {
                console.log("Button was pressed");
                dialogs.prompt({
                    title: "Email Prompt",
                    message: "Provide your email address:",
                    okButtonText: "OK",
                    cancelButtonText: "Cancel",
                    defaultText: "[email protected]",
                    inputType: dialogs.inputType.email
                }).then(result => {
                    console.log(`Dialog result: ${result.result},
                text: ${result.text}`);
                });
            }
        },

        data() {
            return {};
        }
    };
</script>

edited Mar 17, 2020 at 8:39

answered Mar 16, 2020 at 18:21

Cem Kaan

2,2743 gold badges33 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pass object instead of string in Nativescript-vue with typescript?

I want to implement PromptDialog as in {N} Playground Code

Basic use

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

I want to implement PromptDialog as in {N} Playground Code

Basic use

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related