为什么这个小程序的手动更新按钮在微信开发者工具无法显示？

<template>  
    <view v-show="hasNewVersion">  
        <button @click="updateMyApp()">升级</button>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                hasNewVersion: false  
            }  
        },  
        onLoad() {  
            this.checkMyAppNewVersion();  

        },  
        methods: {  
            checkMyAppNewVersion() {  
                const updateManager = uni.getUpdateManager();  
                updateManager.onCheckForUpdate(function(res) {  
                    this.hasNewVersion = res.hasUpdate;  
                    console.log(this.hasNewVersion);  
                });  
            },  
            updateMyApp() {  
                const updateManager = uni.getUpdateManager();  
                updateManager.onUpdateReady(function(res) {  
                    uni.showModal({  
                        title: '更新提示',  
                        content: '新版本已经准备好，是否重启应用？',  
                        success(res) {  
                            if (res.confirm) {  
                                // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启  
                                updateManager.applyUpdate();  
                            }  
                        }  
                    })  
                })  
            },  

        }  
    }  
</script>  

<style>  
</style>

对于这个简单页面，我已经在微信小程序后台设置了优先使用本地版本，待用户愿意以后点击升级按钮后再将最新版本更新到本地。现在的问题是，使用微信开发者工具在模拟更新编译后，虽然v-show绑定了hasNewVersion，并且代码中console.log中也打印出true了，但是这个按钮却没有显示出来。我想问一下是不是v-show的绑定失效了啊？