苗条：<input>如果绑定值等于特定值，则显示空，否则显示值

Question

带有：

<input bind:value={qtyMax} />

目标行为：
如果qtyMax==-1，则输入不显示任何内容，否则qtyMax值不显示。

我有一个主意，用js做一个肮脏的方式。。。类似于更改关于qtyMax值的输入CSS类，如果qtyMax==-1:输入文本为白色，on:focus将qtyMax更改为"(以避免对"-1"进行双重删除)。

有没有更好的方式与斯维尔特？

Answer 1

没有一个很好的方法来处理这个问题；除了按原样显示其值的输入之外，该值也是基于字符串的。

我建议转换该值，例如，当页面加载时，-1将转换为空字符串，当必须再次提取该值时，将发生逆变换。这些点是什么取决于输入的目的/使用方式。

否则，您最终会遇到难以处理的循环依赖关系，并可能导致具有意外行为的奇怪边缘情况。