Array property in vue.js

Question

If I define a property for a component MyComp1 like that

props: {
  display: {
    type: [Boolean, Array],
    validator: function (value) {
      return value === false && value !== true;
    },
    default: false,
  },
},

How can I use it in my component MyComp2? I tried different syntax's

<MyComp1 display=[mobile, tablet]><MyComp1>
<MyComp1 display="['mobile', 'tablet']"><MyComp1>
<MyComp1 display="mobile,tablet"><MyComp1>

but none works. Which is the right syntax?

To pass a property use :display or v-bind:display not just 'display' — M. Gara
– M. Gara, Commented Oct 28, 2019 at 19:44

M. Gara · Accepted Answer · 2019-10-28 19:44:50Z

2

You are missing the colon before 'display'

<MyComp1 :display="['mobile', 'tablet']"><MyComp1>

instead of

<MyComp1 display="['mobile', 'tablet']"><MyComp1>

answered Oct 28, 2019 at 19:44

M. Gara

1,0782 gold badges14 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

Array property in vue.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related