How to add multiple data types for VueJs Props?

vue.js vuejs2 vue-component
Harsha Sampath picture Harsha Sampath · Dec 4, 2018 · Viewed 26k times · Source

This error got me when passing different values to the component.

enter image description here

Answer

Harsha Sampath picture Harsha Sampath · Dec 4, 2018

Here is the solution I found.

props: {
   value: [Number, String, Array]
}

Related questions

How to listen for 'props' changes

In the VueJs 2.0 docs I can't find any hooks that would listen on props changes. Does VueJs have such hooks like onPropsUpdated() or similar? Update As @wostex suggested, I tried to watch my property but nothing changed. Then I realized …

Read More
How to add external JS scripts to VueJS Components

I've to use two external scripts for the payment gateways. Right now both are put in the index.html file. However, I don't want to load these files at the beginning itself. The payment gateway is needed only in when …

Read More
[Vue warn]: Property or method is not defined on the instance but referenced during render

var MainTable = Vue.extend({ template: "<ul>" + "<li v-for='(set,index) in settings'>" + "{{index}}) " + "{{set.title}}" + "<button @click='changeSetting(index)'> Info </button>" + "</li>" + "</ul>", data: function() { return …

Read More