介绍 & lt; div id=癮pp2"比;
,& lt; label>幼儿园入学年龄(3 ~ 6):& lt;/label> & lt; input 类型=皀umber", v模型=癱hild.age"祝辞,& lt; button @click=皁lder"祝辞,+,& lt;/button>, & lt; button @click=皔ounger"祝辞,安康;& lt;/button>
,& lt; p v-show=癶asErr"在{{,errMsg }} & lt;/p>
& lt;/div>
& lt; script>
,var app =, Vue ({new
el才能:“# app2",
数据:{才能
,,孩子:{年龄:2},
,,hasErr:假的,
,,errMsg:“;”
,,},
方法:{才能
,,老:function (), {
,,,this.child.age + +;
,,},
,,年轻:function (), {
,,,this.child.age -;
,,},
,,hideErr: function (), {
,,,var self =,;
,,,setTimeout (function (), {
,,,,self.hasErr =,假;
,,,},3000);
,,}
,,},//才能构造器内的手表
看:{才能
,,& # 39;child.age& # 39;: function (newVal oldVal), {
,,,如果(祝辞newVal 6) {
,,,,this.child.age =, 6;
,,,,this.errMsg =,“不得大于6岁“;;
,,,,this.hasErr =,真的;
,,,,this.hideErr ();
,,,}
,,}
,,}
,});
,
应用。看美元(“child.age",, function (newVal oldVal), {
如果才能(& lt; newVal 3) {
,,app.child.age =, 3;
,,app.errMsg =,“不得小于3岁“;;
,,app.hasErr =,真的;
,,app.hideErr ();
,,}
,},{深:真的,,立即:真});,//深默认true 直接指示是否立即以表达式的当前值触发回调
,
& lt;/script>
本篇文章为大家展示了怎么在Vue2中使用看监听属性的改变,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
<强>代码:
上述内容就是怎么在Vue2中使用看监听属性的改变,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。
