VUE 关于methods里函数嵌套函数获取不到this对象

问题：例子methods:{init(){test();function test(){console.log(this);//无法获取到this对象，undefined}}}解决：要用箭头函数methods:{init(){var test = () => {console.log(this);//获取到vue实例对象}test();}}注意：箭头函数要写到调用的前面，否则会无法调用，报错

zeYound

2858人浏览 · 2021-04-12 11:07:52

zeYound · 2021-04-12 11:07:52 发布

问题：例子

methods:{
	init(){
		test();
		function test(){
			console.log(this);
			//无法获取到this对象，undefined
		}
	}
}

解决：要用箭头函数

methods:{
	init(){
		var test = () => {
			console.log(this);
			//获取到vue实例对象
		}
		test();
	}
}

注意：箭头函数要写到调用的前面，否则会无法调用，报错test不是一个函数。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^