Polymer 聚合物1.x在聚合物3.x中的“行为”对应物是什么

Polymer 聚合物1.x在聚合物3.x中的“行为”对应物是什么,polymer,polymer-2.x,polymer-3.x,Polymer,Polymer 2.x,Polymer 3.x,我正在将行为组件从Polymer 1.x转换为Polymer 3.x。我关心的是如何翻译我的bevaior类以用于Polymer 3应用程序。测试代码如下所示: PermissionsBehaviour = { ready: function () { var _th = this; this._getRoles().then(function (d) { _th.set('perms_roles', d);

我正在将行为组件从Polymer 1.x转换为Polymer 3.x。我关心的是如何翻译我的bevaior类以用于Polymer 3应用程序。测试代码如下所示:

PermissionsBehaviour =
{
    ready: function ()
    {
        var _th = this;
        this._getRoles().then(function (d)
        {
            _th.set('perms_roles', d);          
        });
    },

    properties:
    {
         perms_roles: { type: Array, value: [] },          
    },

    _getRoles: function ()
    {
        return $.get(Global.Settings.RootWebUrl +                                                     
                       "Permission/GetUserRoles", function (result) { });
    }
}

您可以将其定义为聚合物3中的混合物:

从“@polymer/polymer/lib/utils/mixin.js”导入{dedupingMixin}; 让internalMyMixin=函数超类{ 返回类扩展了超类{ 建造师{ 超级的 这个.addEventListener'keypress',e=>这个; } 静态获取属性{ 返回{ 酒吧:{ 类型:对象 } }; } 静态获取观察器{ 返回['_barChangedbar.*']; } _barChangedbar{…} _扶手{console.log'键按下:'+e.charCode;} } } const MyMixin=deplicatingmixininternnalmymixin; 导出{MyMixin作为默认值}; 然后按如下方式使用混合液:

从“./my mixin.js”导入{MyMixin}; 类Foo扩展MyMixinPolymerElement{…}
可以通过使用mixin来执行此操作: