uni-app遇到的问题

1. blur事件比页面的点击事件慢

input、textarea获取值的时候用 v-model 双向绑定，
或者用 input 事件，尽量少用blur事件；

uni-app中的input跟【传统Vue的用法不一样】：

<template>
    <view>
        <input type="number" placeholder="请输入内容" @input="onInput" v-model="number" />
    </view>
</template>
<script>
    export default {
        data() {
            return {
                number: 0
            }
        },
        methods: {
            onInput(e) {
                // 1.传入的Vue是没问题的,但是uni-app会延时,导致输入的结果和打印的结果有时间误差，不一致
                console.log(this.number)
                
                //2. uni-app框架官方说明：input事件处理函数内实时修改当前值不生效，可以延迟设置！
                // 延时的结果,输入的结果和打印的结果一致！
                setTimeout(() => { 
                	console.log(this.number) 
                }, 0)
                
                // 3.这种方式是uni-app官方的方式,测试结果正确！
                console.log(e.detail)
            }
        }
    }
</script>
<style>
 
</style>

2. 点击按钮显示输入框，输入框自动聚焦，弹不起软键盘（弹起后马上又收回去）

可以先显示输入框，延迟100ms让输入框聚焦。 

setTimeout(()=>{

},100)

3. 禁止蒙版下的页面滚动

（1）可使用 @touchmove.stop.prevent=“moveHandle”，
moveHandle 可以用来处理 touchmove 的事件，也可以是一个空函数。

<view @touchmove.stop.prevent="moveHandle"></view>

缺点：如果遮罩中的modal也需要滚动时，上面的办法失效。

（2）蒙版中需要滚动的内容用scroll-view标签，
蒙版下需要滚动的内容也用scroll-view标签（需设置高度，不能产生页面滚动条），再加上（1）中阻止滚动的方法

缺点：不能使用页面的刷新加载方法，只能用scroll-view的触底方法。

（3）蒙版中需要滚动的内容用scroll-view标签，加上（1）中阻止滚动的方法。

缺点：当蒙版中滚动内容触底或者到顶部后，页面开始滚动。

4. 组件属性设置不生效解决办法
   uni-app官网常见问题中列出来了