vue中 toFixed() 以及 :disabled 的用法

vue中 toFixed() 以及 :disabled 的用法

前言

vue中 toFixed()

vue 中在渲染数据的时候，如果需要给数据增加两位小数，可以在渲染的时候，加上 toFixed(2)，三位小数就传3，示例代码如下：

  <div>
    <span>合计：</span>
    <span class="amount">￥{{ amount.toFixed(2) }}</span>
  </div>

这样就可以让数据保留两位小数了！当然在vue中可以使用，其他地方也可以使用的，是js的一个方法。需要保留几位小数就传几。

vue 中 :disabled

对于布尔 attribute (它们只要存在就意味着值为 true)，而disabled是布尔属性

这个属性在html中，只要出现disabled，那么就会禁用；

在js中可以控制是否禁用；

在vue中可以控制是否禁用

示例：

  <button type="button"  :disabled="total === 0">结算({{ total }})</button>

这里的 :disabled=“total === 0” 意思是让 disabled 动态绑定 total，如果 total 的值等于0，那么 disabled = true，就禁用这个 button 按钮。

写在最后

✨个人笔记博客✨

星月前端博客
http://blog.yhxweb.top/

✨原创不易，还希望各位大佬支持一下

👍 点赞，你的认可是我创作的动力！

⭐️ 收藏，你的青睐是我努力的方向！

✏️评论，你的意见是我进步的财富！