首页 > 其他 > 详细

avalon子孙元素属性监听

时间:2018-07-07 13:31:51      阅读:147      评论:0      收藏:0      [点我收藏+]

HTML正文:

<body ms-controller="ex">
<div  class="ms-hover" ms-click="change(‘array‘)">
<div ms-repeat="array">{{el}}</div>
</div>
</body>

  

 Javascript操作代码:

//对象数组子元素的监听
var vm=avalon.define({
    $id:"ex",
    aaa:{bbb:{ccc:1}},
    array:[1,2],
    change:function(aaa){
        vm[aaa].push(new Date-1);
    }
});

//监听子孙元素只需在该元素的父元素上监听将子元素看作是父元素的一个属性
vm.aaa.bbb.$watch("ccc",function(a,b){
    avalon.log(a,b);
});

setTimeout(function(){
    vm.aaa.bbb.ccc=new Date-0;
}, 2000);

//watch:监听array的属性length的值:数组只能监听到数组长度
vm.array.$watch("length",function(a,b){
    avalon.log("length:"+a+"--"+b);
});

  

avalon子孙元素属性监听

原文:https://www.cnblogs.com/guohu/p/9276924.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!