未知错误：Uncaught RangeError: Maximum call stack size exceeded.

最新推荐文章于 2024-08-17 16:07:27 发布

EarlEcho

最新推荐文章于 2024-08-17 16:07:27 发布

阅读量4.7k

点赞数

分类专栏： html javascript 文章标签： javascript

本文链接：https://blog.csdn.net/Echo601/article/details/77529805

版权

javascript 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

html

7 篇文章 0 订阅

订阅专栏

今天碰到的JavaScript错误：

Uncaught RangeError: Maximum call stack size exceeded

百度下说是栈溢出，但是我的程序代码中没有任何的循环和递归算法
我的代码

<body style="">
    <div id="userLogin">
        <div class="login-wrapper">
            <form ref="userLogin" :model="userLogin">
                ...
                ...
            </form>
            </div>

            <script type="text/javascript ">
                var vue = new Vue({
                    el: '#userLogin',
                    data: function() {
                        return {
                            userLogin: {
                                mobile: '',
                                pwd: ''
                            }
                        }
                    },
                    methods: {
                        handlerSubmitLogin: function(data) {

                        }

                    }
                })
            </script>
        </div>

    </body>

思考了一下，可能是由于HTML写法不标准，我vue实例的是#userlogin，但是script却在#userlogin里面

所以我把div的位置调整了一下：

<body style="">
    <div id="userLogin">
        <div class="login-wrapper">
            <h1>智慧校园家长版</h1>
            <form ref="userLogin" :model="userLogin">
                ...
                ...
            </form>
        </div>
    </div>
    <script type="text/javascript ">
        var vue = new Vue({
            el: '#userLogin',
            data: function() {
                return {
                    userLogin: {
                        mobile: '',
                        pwd: ''
                    }
                }
            },
            methods: {
                handlerSubmitLogin: function(data) {
                }

            }
        })
    </script>

    </body>