Invalid prop: type check failed for prop “items”. Expected Array, got String












0














I have a dropdown in vue js.



<v-flex> <v-select label="Select Province" v-bind:items="listProvince" outline v-model="province" persistent-hint @change="loadCity()"></v-select> 
</v-flex>


and in the 'listProvince' I am getting data and displayed in the dropdown but in console I am getting this error Invalid prop: type check failed for prop "items". Expected Array, got String.



This is the vue js code:



    export default {
props: ["updateView","newBooking"],

data() {
return {
selected: [0],
shipper: "",
address: "",
barangay: "",
city: "",
province: "",
phone: "",
listProvince:"",
selectedCity:"",
bookingObject: {},
isNewBk: false,
};
}
}


Please help me thanks in advance










share|improve this question




















  • 3




    I mean, the error is pretty sefl-explanatory. You're tring to bind a string (province) to something that expects an array (v-bind:items).
    – ritaj
    Nov 23 '18 at 9:59










  • where do i declare items as array here?
    – hestove
    Nov 23 '18 at 10:01












  • You didn't, which is the problem.
    – ritaj
    Nov 23 '18 at 10:02






  • 1




    province: "", It should be province: ["something", "something"],
    – ritaj
    Nov 23 '18 at 10:03






  • 1




    You SHOULDN'T declare it as a string. selectedProvince should be a string, province should be renamed to provinces and it should be an array: ["province1", "province2"]
    – ritaj
    Nov 23 '18 at 10:11
















0














I have a dropdown in vue js.



<v-flex> <v-select label="Select Province" v-bind:items="listProvince" outline v-model="province" persistent-hint @change="loadCity()"></v-select> 
</v-flex>


and in the 'listProvince' I am getting data and displayed in the dropdown but in console I am getting this error Invalid prop: type check failed for prop "items". Expected Array, got String.



This is the vue js code:



    export default {
props: ["updateView","newBooking"],

data() {
return {
selected: [0],
shipper: "",
address: "",
barangay: "",
city: "",
province: "",
phone: "",
listProvince:"",
selectedCity:"",
bookingObject: {},
isNewBk: false,
};
}
}


Please help me thanks in advance










share|improve this question




















  • 3




    I mean, the error is pretty sefl-explanatory. You're tring to bind a string (province) to something that expects an array (v-bind:items).
    – ritaj
    Nov 23 '18 at 9:59










  • where do i declare items as array here?
    – hestove
    Nov 23 '18 at 10:01












  • You didn't, which is the problem.
    – ritaj
    Nov 23 '18 at 10:02






  • 1




    province: "", It should be province: ["something", "something"],
    – ritaj
    Nov 23 '18 at 10:03






  • 1




    You SHOULDN'T declare it as a string. selectedProvince should be a string, province should be renamed to provinces and it should be an array: ["province1", "province2"]
    – ritaj
    Nov 23 '18 at 10:11














0












0








0







I have a dropdown in vue js.



<v-flex> <v-select label="Select Province" v-bind:items="listProvince" outline v-model="province" persistent-hint @change="loadCity()"></v-select> 
</v-flex>


and in the 'listProvince' I am getting data and displayed in the dropdown but in console I am getting this error Invalid prop: type check failed for prop "items". Expected Array, got String.



This is the vue js code:



    export default {
props: ["updateView","newBooking"],

data() {
return {
selected: [0],
shipper: "",
address: "",
barangay: "",
city: "",
province: "",
phone: "",
listProvince:"",
selectedCity:"",
bookingObject: {},
isNewBk: false,
};
}
}


Please help me thanks in advance










share|improve this question















I have a dropdown in vue js.



<v-flex> <v-select label="Select Province" v-bind:items="listProvince" outline v-model="province" persistent-hint @change="loadCity()"></v-select> 
</v-flex>


and in the 'listProvince' I am getting data and displayed in the dropdown but in console I am getting this error Invalid prop: type check failed for prop "items". Expected Array, got String.



This is the vue js code:



    export default {
props: ["updateView","newBooking"],

data() {
return {
selected: [0],
shipper: "",
address: "",
barangay: "",
city: "",
province: "",
phone: "",
listProvince:"",
selectedCity:"",
bookingObject: {},
isNewBk: false,
};
}
}


Please help me thanks in advance







javascript jquery vuejs2






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 26 '18 at 4:36







hestove

















asked Nov 23 '18 at 9:53









hestovehestove

14




14








  • 3




    I mean, the error is pretty sefl-explanatory. You're tring to bind a string (province) to something that expects an array (v-bind:items).
    – ritaj
    Nov 23 '18 at 9:59










  • where do i declare items as array here?
    – hestove
    Nov 23 '18 at 10:01












  • You didn't, which is the problem.
    – ritaj
    Nov 23 '18 at 10:02






  • 1




    province: "", It should be province: ["something", "something"],
    – ritaj
    Nov 23 '18 at 10:03






  • 1




    You SHOULDN'T declare it as a string. selectedProvince should be a string, province should be renamed to provinces and it should be an array: ["province1", "province2"]
    – ritaj
    Nov 23 '18 at 10:11














  • 3




    I mean, the error is pretty sefl-explanatory. You're tring to bind a string (province) to something that expects an array (v-bind:items).
    – ritaj
    Nov 23 '18 at 9:59










  • where do i declare items as array here?
    – hestove
    Nov 23 '18 at 10:01












  • You didn't, which is the problem.
    – ritaj
    Nov 23 '18 at 10:02






  • 1




    province: "", It should be province: ["something", "something"],
    – ritaj
    Nov 23 '18 at 10:03






  • 1




    You SHOULDN'T declare it as a string. selectedProvince should be a string, province should be renamed to provinces and it should be an array: ["province1", "province2"]
    – ritaj
    Nov 23 '18 at 10:11








3




3




I mean, the error is pretty sefl-explanatory. You're tring to bind a string (province) to something that expects an array (v-bind:items).
– ritaj
Nov 23 '18 at 9:59




I mean, the error is pretty sefl-explanatory. You're tring to bind a string (province) to something that expects an array (v-bind:items).
– ritaj
Nov 23 '18 at 9:59












where do i declare items as array here?
– hestove
Nov 23 '18 at 10:01






where do i declare items as array here?
– hestove
Nov 23 '18 at 10:01














You didn't, which is the problem.
– ritaj
Nov 23 '18 at 10:02




You didn't, which is the problem.
– ritaj
Nov 23 '18 at 10:02




1




1




province: "", It should be province: ["something", "something"],
– ritaj
Nov 23 '18 at 10:03




province: "", It should be province: ["something", "something"],
– ritaj
Nov 23 '18 at 10:03




1




1




You SHOULDN'T declare it as a string. selectedProvince should be a string, province should be renamed to provinces and it should be an array: ["province1", "province2"]
– ritaj
Nov 23 '18 at 10:11




You SHOULDN'T declare it as a string. selectedProvince should be a string, province should be renamed to provinces and it should be an array: ["province1", "province2"]
– ritaj
Nov 23 '18 at 10:11












1 Answer
1






active

oldest

votes


















0














I got the answer



Here i declared 'province' as string and 'listProvince' as array



Thanks






share|improve this answer





















    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53444293%2finvalid-prop-type-check-failed-for-prop-items-expected-array-got-string%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    0














    I got the answer



    Here i declared 'province' as string and 'listProvince' as array



    Thanks






    share|improve this answer


























      0














      I got the answer



      Here i declared 'province' as string and 'listProvince' as array



      Thanks






      share|improve this answer
























        0












        0








        0






        I got the answer



        Here i declared 'province' as string and 'listProvince' as array



        Thanks






        share|improve this answer












        I got the answer



        Here i declared 'province' as string and 'listProvince' as array



        Thanks







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 26 '18 at 4:40









        hestovehestove

        14




        14






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53444293%2finvalid-prop-type-check-failed-for-prop-items-expected-array-got-string%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Berounka

            Sphinx de Gizeh

            Different font size/position of beamer's navigation symbols template's content depending on regular/plain...