首页 > 其他 > 详细

vue全局添加input/textarea输入信息后跳转页面顶部方法

时间:2021-06-15 16:31:50      阅读:9      评论:0      收藏:0      [点我收藏+]

app.vue

    watch: {
        $route: {
            handler: function (val, oldVal) {
                this.$nextTick(function () {
                    //页面加载完成后执行
                    var inputs = document.getElementsByTagName("input");
                    for (var i = 0; i < inputs.length; i++) {
                        inputs[i].onblur = function () {
                            document.documentElement.scrollTop = 0;
                            document.body.scrollTop = 0;
                        };
                    }
                    var textarea = document.getElementsByTagName("textarea");
                    for (var i = 0; i < textarea.length; i++) {
                        textarea[i].onblur = function () {
                            document.documentElement.scrollTop = 0;
                            document.body.scrollTop = 0;
                        };
                    }
                });
            },
            // 深度观察监听
            deep: true,
        },
    },

 

vue全局添加input/textarea输入信息后跳转页面顶部方法

原文:https://www.cnblogs.com/sharon520/p/14884776.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!