Vue 3: hmtl属性上的条件v-if
Vue 3: hmtl属性上的条件v-if
提问于 2021-11-11 19:12:10
我正在尝试有条件地呈现HTML元素属性：
例如：
<InputNumber v-model:value="example[index].number"
:min="collector.attr[0] ? collector.attr[0] : 0"
:max="collector.attr[1] ? collector.attr[1] : 0"
:step="0.01"
style="min-width: 120px;"/>问题:设置了最小值0 (collector.attr = null)，但我想要例如。该用户可以输入'-100‘
目标:如果collector.attr1为"null“，我想删除":min”属性- resp。如果设置了最小值，则仅允许此属性。
如下所示：
<InputNumber
v-if="collector.attr[0]" => then :min="collector.attr[0]"
/>非常感谢您的帮助:)
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-11-11 19:47:26
也许你可以设置一个最小值，超过这个值用户就不能输入任何东西。像这样的东西
<InputNumber :min="collector.attr[0] ? collector.attr[0] : -Number.MAX_VALUE" />其中Number.MAX_VALUE是java脚本中允许的最大浮点值，因此在其中添加-会使其为负值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69933664
复制相关文章
相似问题
腾讯云开发者
