我想知道为什么我的代码不能监测提示信息
//当数据发生改变时,对名称和年龄进行数据比对,当年龄》=25,是青年;《25:少年;姓名必须是张三,否则提示名字不一样,不能改
const app = Vue.createApp({
data() {
return {
name: '张三',
age: 18
}
},
//专门用于name和age的校验条件以及返回方法
jy: {
age: {
ages: this.age,
//用来限定年龄范围
jyAge(newAge = 16) {
return newAge >= 25;
},
//大于等于25,调用这个方法的提示
msg1(newMsg = "这个是默认提示,年纪大了") {
return newMsg;
},
//小于25,调用这个方法的提示
msg2(newMsg = "这个是默认提示,太小了") {
return newMsg;
},
}
},
template:
`
<p> {{name}} </p>
<p> {{age}} </p>
`
});
app.mixin({
created() {
const ageJy = this.$options.jy;
let ages = this.$data.age;
for (const key in ageJy.age) {
this.$watch(key, function (value) {
console.log(value);
console.log(key);
if (ageJy.age.jyAge(value)) {
console.log(ageJy.age.msg1('aa'));
} else {
console.log(ageJy.age.msg2('bb'));
}
});
}
}
})
var vm = app.mount('#all');




恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星