模型有一个名为database_password
的属性,其中包含SVG rectsList
元素列表(rect
元素的arroy)。
所有rects都附加到rect
生命周期钩子方法中的svg
元素中(参见下面的代码),
didRender
期望行为:
当didRender() {
let $svg = this.$().find('svg');
this._clearSvg($svg);
this._renderSelectedRects($svg); // append all rects in rectsList to svg
},
_renderSelectedRects($svg) {
const rects = this.get('image.rectsList');
rects.forEach((rect) => {
$svg.append(rect);
});
}
发生变化时,rectsList
内的recent
会自动更新。
问题:
根据svg
的当前状态,在DOM上重新呈现所有rect
的最佳位置在哪里。
我尝试使用rectsList
记录当前模型的状态,但当didUpdateAttrs
更改时,方法不会被触发。
我正在考虑使用 observer ,但我无法访问回调函数中的DOM元素。