javascript - 我如何可以选择在v-bind中包含HTML属性？

我正在创建一个动态HTML输入组件。我想选择包含maxlength，即是否作为道具传递。

我在模板中有这个：

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

道具就像这样：

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

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

最佳答案

通过询问或多或少地解决了。 :-)

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

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

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

关于javascript - 我如何可以选择在v-bind中包含HTML属性？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49987952/