假设我有一些像这样的自定义元素:
<dom-module id="my-element">
<template>
</template>
</dom-module>
<script>
MyElement = Polymer({
is: 'my-element',
properties: {
posX:{
type: Number,
reflectToAttribute: true,
notify: true,
compute: '_posXChanger(obj)'
},
obj: {
type: Object
}
},
_posXChanger: function(obj){
this.posX = obj.getBBox().x;
},
attached: function(){
this.obj = new SomeObject(/*coordinates*/this.posX,100);
}
});
</script>
我已经对SomeObject实现了行为,所以我可以将它移动到我想要的任何地方。但我也希望当我移动它时,属性pos-x会根据我在画布中的SomeObject位置进行更新。现在只有第一个值,它没有改变,我的SomeObject工作正常,只有属性没有得到更新。此外,当我通过开发工具查看它时,它总是告诉我
my-element 0px x 0px
我将如何做?它甚至可能吗?我错过了什么吗?
任何帮助表示赞赏...