如何选择使用v-bind包含HTML属性？

Question

我正在创建动态HTML输入组件。我想可选包括maxlength，即它是否作为道具传递。

我在模板中有这个：

<input type="text" :id="id" :value="value" :maxlength="maxlength">

和道具设置如下：

props: {
    maxlength: {
        type: Number,
        default: 0,
    },
    [...]
 }

如何处理不应设置maxlength的情况。如果我将其设置为0某些浏览器（至少）不允许输入。

Answer 1

通过询问或多或少解决。 ： - ）

解决方法是将值设置为false 而不是0。

我想我可以将默认值更改为false，但我更喜欢使用计算值：

computed: {
    maxLenComputed: function () {
        return this.maxlength || false;
    },
    [...]
}