{{ item.price / 100 / 30 }} 以上内容咋uniapp中显示为2.1333333333333333,如何让他显示2.13
要将值显示为2.13而不是2.133333使用toFixed()方法来控制小数位数。在uniapp中,可以通过自定义过滤器(Filter)来实现。
首先,在页面template>
<view>{{ item.price / 100 / 30 | decimalFilter }}</view>
</template>
<script>
export default {
data() {
return {
item: {
price: 1000
}
};
},
filters: {
decimalFilter(value) {
return (value / 100 / 30).toFixed(2);
}
}
};
</script>
```
然后,在需要显示的地方使用过滤器调用:
```vue
<view>{{ item.price / 100 / 30 | decimalFilter }}</view>
```
以上代码会将item.price / 100 / 30的结果保留两位小数并显示为2.13。
请注意,在上述示例中,我假设item.price的初始值为1000。你可以根据实际情况进行修改。同时,也可以使用其他值来替代item.price / 100 / 30来计算保留两位小数的结果。
这样就可以实现将值显示为2.13的效果了。
AI智能问答网
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。
点击这里>>使用创作工场,更聪明、更完整、更原创!