繁体   English   中英

使用加载程序时扩展Ractive组件

[英]Extending Ractive component when using a loader

我一直在试图避开使用元件装载在描述组件规格 我不确定如何通过组件文件执行以下操作:

var bookmarkableBaseClass = Ractive.extend({
    oninit : function(){
        this.on(commonBookmarkEvents);
    },
    data : {
        badgeDefinitions: globalCommonBadgeDefinitions
    }
});

Ractive.components.singlecard = bookmarkableBaseClass.extend({
    template: "#smallcarditem"
});

Ractive.components.singleline = bookmarkableBaseClass.extend({
    template: "#cardlineitem"
});

换句话说-具有一个组件,该组件扩展了具有公共属性的另一个基本组件-即公共数据以及公共代理事件处理程序。 目前,组件规范仅允许我包括其他组件,但没有上述继承。

尽管已对其进行了讨论 ,但目前尚不支持该功能。 我认为最好的选择是这样的:

<div class='singlecard'>
  <!-- template goes here -->
</div>

<script>
  var bookmarkableBaseClass = require('./bookmarkableBaseClass');

  component.exports = {
    base: bookmarkableBaseClass,

    someSubclassMethod: function () { /*...*/ }
  };
</script>

任何现有的组件加载程序都可以很容易地进行修改,以简化此过程–您在使用哪个?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM