问题 #2549✓ 已解决提出于 2020年2月4日作者 rjrodriguezalvarez977 个反应

更新属性变更的组件视图

快速解答作者 artf❤ 4

要更新 HTML，你需要在模型中更改 'toHTML' “''js 型号：{ ... toHTML（） { const tagName = this.get（'tagName'）; const price = this.get（'defaultPrice'）; return '<${tagName}>${price}</{tagName}>'; } } ```

阅读下方完整回答 ↓

问题

大家好，我正在尝试创建一个组件，它会根据属性值更新视图 “JavaScript 编辑。DomComponents.addType（“price-value-type”， { isComponent： el => { if （el.tagName == “div” & el.hasAttribute（“price-value”）） { 返回 { 类型：“价格-价值-类型” }; } }, 型号：{ defaults： Object.assign（{}， defaultProperties， { 默认价格：0，名称：“普赖斯”，类别：[“价格”]， Components： model => { return '${model.get（“defaultPrice”）}'} }) }, extendView： 'default'， extendFnView： ['render']，浏览量：{ init（） { console.log（this.render）; this.listenTo（this.model， 'change：defaultPrice'， this.render）; }, render（） { this.el.innerHTML = this.model.get（“defaultPrice”）; // } } }); ``` 我的方法基于#1227和[文档]（h...

回答（3）

👍 最有帮助artf• 2020年2月4日

artf• 2020年2月4日

你试过类似的吗？ “''js 浏览量：{ init（） { this.listenTo（this.model， 'change：defaultPrice'， this.render）; }, onRender（） { this.el.innerHTML = this.model.get（“defaultPrice”）; } }

rjrodriguezalvarez97• 2020年2月4日

我后天试试。感谢你的快速回复！

在 GitHub 上查看完整讨论 →