input文本框使用v-model双向绑定未实时更新问题

<view >年利率:</view><input id="rate" type="digit" v-model="rate" class="rate" @input="handleRate"  cursor-spacing="250rpx"/>%

如上代码，对文本框使用v-model对rate进行双向绑定。
但我在@input="handleRate"这个函数中，对rate进行输入判断，只能保留2位小数，但是页面显示依旧未和rate实际数据一样

页面数据：

rate的数据：

无论我用 this.$forceUpdate 还是 this.$set 依旧无法解决问题。
所以 最后我不使用v-model来绑定数据， 我采用 :value来绑定数据。 解决了问题！

<view >年利率:</view><input id="rate" type="digit" :value="rate" class="rate" @input="handleRate"  cursor-spacing="250rpx"/>%

不管如何数据， 页面展示的数据 和 代码里的数据一样

来源：CSDN

作者：′负重前行

链接：https://blog.csdn.net/qq_34734073/article/details/104307950