vue3组件内侦听多个props变化

侦听reactive用() => prop.name侦听多个用数组() => [props.name, props.id ]setup(props, context) {watch(()=> [props.pid, props.pname], (newValue, oldValue) => {console.log(`原值为${oldValue}`)// 原值为7,同城co

thingir

2773人浏览 · 2022-01-24 11:49:41

thingir · 2022-01-24 11:49:41 发布

侦听reactive用() => prop.name
侦听多个用数组() => [props.name, props.id ]

setup(props, context) {
	watch(()=> [props.pid, props.pname], (newValue, oldValue) => {
	   console.log(`原值为${oldValue}`)  // 原值为7,同城
	   console.log(`新值为${newValue}`)  // 新值为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}$/, //不连续的两位字母// /^