uni-app 云课堂小程序项目所遇问题总结

uni-app input监听回车键

uni-app是基于vue的，所以，在一开始要实现按下键盘的enter键，使用了如下的方法：

<input type="search" @keydown.enter="doSearch">

生成小程序后，发现并没有用，一番百度，才知道uni-app运行在手机端，没有键盘事件，所以不支持按键修饰符。改用下面的方法，完美解决：

<input confirm-type="search" @confirm="doSearch">

链接: UNI-APP_uni-app input监听回车键

监听input标签的输入事件获取输入的值

监听input标签的输入事件获取输入的值uni-app和Vue有很大的区别【uni-app的input接收值延迟的解决办法】

官方推荐input事件获取内容方式：

<template>
    <view>
        <input type="number" placeholder="请输入" @input="onInput" />
    </view>
</template>
<script>
    export default {
        data() {
            return {
                number: 0
            }
        },
        methods: {
            onInput(e) {
                // 【不用v-model绑定表单,直接时间获取值】这种方式是uni-app官方的方式,测试结果正确！
                console.log(e.detail)
                this.number = e.detail
            }
        }
    }
</script>
<style>
 
</style>

链接: uni-app的input接收值延迟的解决办法

路由跳转

1、wx.navigateTo
wx.navigateTo({
url: ‘test?id=1’,
})
保留当前页面，只能打开非 tabBar 页面。
2、wx.switchTab
wx.switchTab({
url: ‘/index’
})
关闭所有非tabbar页面， 只能打开 tabBar 页面。