vue 的setup()函数中使用data中的数据

在vue的setup函数中有时需要用到data中的数据，经过尝试不可以直接通过this._来访问，因为setup()函数的执行要比created，oncrated函数都要早。最后好不容易发现，很简单但没想到，即利用传参的方式，以下是小模型。<div v-on:click="fun(testdata)"></div>setup(){constfun=(i)=>{aler

xuexixuexien

6665人浏览 · 2021-08-17 11:05:30

xuexixuexien · 2021-08-17 11:05:30 发布

在vue的setup函数中有时需要用到data中的数据，
经过尝试不可以直接通过this._来访问，因为setup()函数的执行要比created，oncrated函数都要早。
最后好不容易发现，很简单但没想到，即利用传参的方式，以下是小模型。

<div v-on:click="fun(testdata)"></div>

setup(){
	const  fun=(i)=>{
	  alert(i)
	}
},
data(){
	return{
	   testdata:1,
	}	
}

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}$/, //不连续的两位字母// /^