问题场景
<u-number-box v-model="value"></u-number-box>
<text>
{{ value }}
</text>
u-number-box是uview的步进器组件,点击+后,{{value}}比组件中的value视图上更新快几十毫秒。
解决方法
把input换成普通文本组件就能同步更新数值变化,但这样就不能输入值了。
所以点击普通文本后切换成input输入框,input失去焦点后再切换回来
<u-number-box v-model="value" @blur="inputShow = false">
<view v-if="!inputShow" slot="input" class="input_slot" @click="inputShow = true">
{{value}}
</view>
</u-number-box>
<text>
{{ value }}
</text>
u-number-box.vue
再给组件中input加上聚焦参数