uni-app使用input框 v-model双向绑定不起作用解决方案
生活随笔
收集整理的這篇文章主要介紹了
uni-app使用input框 v-model双向绑定不起作用解决方案
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<input type="text" @input="inputs" value="" placeholder="請輸入金額" v-model="number" />
<script>export default {data() {return {number: '',}},methods: {// 可提現金額顯示inputs(e) {var mon = e.detail.valueif (Number(mon) > 10) {this.showToast('請輸入可用余額')// setTimeout(() => {// this.number = ''// }, 0)this.$nextTick(()=>{this.number = ''})return}}}
</script>
有兩種方法 一是延遲修改,利用setTimeout;還有一種是this.$nextTick
注意的是setTimeout設置為0時App不管用
總結
以上是生活随笔為你收集整理的uni-app使用input框 v-model双向绑定不起作用解决方案的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 肾有多好人就有多年轻 男女通用的补肾秘方
- 下一篇: 五步让你成为专家级程序员