写完reset()后,保存代码,代码未报错,但是出现不能正常运行的情况
methods: {
reset() {
this.username = '',
this.password = ''
}
}
解决步骤:
1.在浏览器中,输入登录名称,登录密码后,点击重置按钮:只有登录名称重置,登录密码未按照要求重置密码。
2.调试工具显示错误原因。
Property or method "passsword" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property
属性或方法“passsword”未在实例上定义,但在渲染期间被引用。通过初始化属性,确保此属性在数据选项中或对于基于类的组件是被动的(百度翻译)
3.顺着提示找MyLogin.vue组件的method中password代码片段,查看代码片段,发现自动保存后,代码出现括号等不必要符号。
解决结论:
目前,还不知道自动保存中出现这个原因的设置代码段,但是可以通过删除“,”的方式,避免出现此错误。
删掉“,”后,保存未发生此问题,且浏览器正常重置密码。