vue.js - vue.js 中的数组属性

Question

如果我为组件 MyComp1 定义一个属性，就像这样

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

如何在我的组件 MyComp2 中使用它？ 我尝试了不同的语法

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

但没有一个有效。哪个是正确的语法？

Answer 1

“显示”之前缺少冒号

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

而不是

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