今天碰到的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>完美，不报错了
9737
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
