Javascript 在null之后将值设置为零

在

null

之后显示零值时出现问题

null

不会显示在输入中，但是如果我将值更改为0，它也不会出现。。。也许我做错了什么？也许有人遇到了这个问题，有没有办法解决这个问题在第一次输入中，我希望出现0。

newvue({
el:“#应用程序”，
数据（）{
返回{
值：null，
valueString:null，
};
},
组成部分：{
VueAutonumeric，
},
});

值为{Value}


归零
ValueStrign是{{valueString}


设置“0”
您可以使用后备系统

通过这种方式，您可以为变量指定默认值：

data() {
  return {
    value : null || 0,
    valueString: null || "0",
  };
}

如果不想更改变量的值，请在插值时进行：

<p>Value is {{value || 0}}</p>
<p>ValueStrign is {{valueString || "0"}}</p>

值为{{Value | | 0}

ValueStrign是{{valueString | |“0”}


更多信息请点击此处：



您可以使用后备系统

通过这种方式，您可以为变量指定默认值：

data() {
  return {
    value : null || 0,
    valueString: null || "0",
  };
}

如果不想更改变量的值，请在插值时进行：

<p>Value is {{value || 0}}</p>
<p>ValueStrign is {{valueString || "0"}}</p>

值为{{Value | | 0}

ValueStrign是{{valueString | |“0”}


更多信息请点击此处：



将相关代码放在问题中，而不是放在某个第三方网站上。也就是说，Stack Overflow有一个“snippet”功能，基本上与codepen完全相同，但直接在问题中运行。然后用一个看起来像
的图标点击按钮，您将看到。这就是说，您所做的也是可以接受的：问题中直接包含相关代码，问题外有额外链接。将相关代码放入问题中，而不是某个第三方网站。也就是说，Stack Overflow有一个“snippet”功能，基本上与codepen完全相同，但直接在问题中运行。然后用一个看起来像
的图标点击按钮，您将看到。也就是说，您所做的也是可以接受的：问题中直接包含相关代码，问题外有额外链接。这当然是一个很好的解决方案，但有时我需要将值保持为零。如果将初始构造设置为
null | | 0
，则我无法将此值更改为0，或者将此值从0更改为null（顺便说一句，任何其他值都可以…wtf…），并且我也无法保留值
null
，但显示0-用户会感到惊讶，因为他没有设置值，但显示0这当然是一个好的解决方案，但有时我需要保持一个值为零。如果将初始构造设置为
null | | 0
，则我无法将此值更改为0，或将此值从0更改为null（顺便说一句，任何其他值都可以…wtf…），并且我也无法保留值
null
，但显示0-用户会感到惊讶，因为他没有设置值，但显示了0