如何使用聚合物

Question

我正在尝试通过html文件将路径d =“”字符串发送到我的Polymer元素，它适用于我代码的不同部分（按钮内的链接和文本），但不适用于svg字符串

这是按钮的html

<homepage-button home-button-name="Electric" path-to="/index.html" svg-path="M10,1l6-1-4,8,8-2-7.395,13.903,2.395.097-5,4-1-6,1.955,1.379,2.045-7.379-9,3z"></homepage-button>

这是我的聚合物元素的js

    import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/paper-button/paper-button.js';

class HomepageButton extends PolymerElement {
    constructor() {
        super();
        this.addEventListener('click', () => { location.href = this.pathTo; });
    }

  static get template() {
    return html`
        <paper-button raised class='custom homepageButton'>
        <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px" viewBox="0 0 24 24"><path d=[[pathTho]]/></svg>
        <text>[[homeButtonName]]</text>
        </paper-button>
        <style>
        paper-button {
            background-color:  var(--flow-button-color);
        }
        </style>
      `;
  }

  static get properties() {
    return {
        homeButtonName: String,
        pathTo: String,
        svgPath: String
    };
}
}
customElements.define('homepage-button', HomepageButton);

因此文本和链接的属性有效，路径字符串不起作用