Question

我是使用Polymer 3的新手，需要从元素中获取样式。谁能给我展示如何使用stylesFromTemplate的真实示例？我在挣扎。

stylesFromTemplate(template: !HTMLTemplateElement, baseURI: string)

例如，使用Polymer Starter Kit（https://github.com/Polymer/polymer-starter-kit），它是my-app.js中的一个函数，可从my-view1.js中获取样式-谢谢！

Answer 1

在这里，使用以下内容更新my-app组件的_pageChanged方法：

//Dont´forget to import the function
import { stylesFromTemplate } from '@polymer/polymer/lib/utils/style-gather.js';

_pageChanged(page) {
    import(`./my-${ page }.js`).then((viewModule) => {
        let view = new viewModule.default();
        console.log(stylesFromTemplate(view._template, window.location));
    });
}

不要忘记通过使这些js模块将webcomponents类导出为默认值来更新my-view1.js，my-view2.js，my-view3.js，my-view404.js

export default class MyView1 extends PolymerElement ...

聚合物3-使用stylesFromTemplate

1 个答案: