Question

我将聚合物照明元件的版本从0.5.2更新到了0.6.2，但是绑定不起作用是我错了吗？

这是html：

<html>
  <head>
     <script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
    <script src="./node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script> 
   
    </head>
  <body>
 
    <my-element feeling="good"></my-element>
    <script type="module" src="./index.js"></script>
</body> 
</html>

在旧版本0.5.2下，以下代码有效

   import {LitElement, html} from '@polymer/lit-element';

    class MyElement extends LitElement {
        
    static get properties() {
        return {
          feeling:{type:String}
        }
      }

    
      
      _render({feeling}) {
        return html  `  i feel ${feeling}!`;
      }       


    }

    customElements.define('my-element', MyElement);

this with 0.6.2：

import {LitElement, html} from '@polymer/lit-element';

    class MyElement extends LitElement {

      static get properties() {
        return {
          feeling:{type:String}
        }
      }
      render() {            
        return 
          html`  now i feel  ${this.feeling} !`;
      }       
    }

    customElements.define('my-element', MyElement);

我发现在版本0.6.2中将函数_render（）更改为render（），并且对于属性，如果在this.proprerty .....中进行了更改，但在渲染中this.feeling是未定义的.... < / p>

能帮我吗？

Answer 1

我不确定会发生什么，但是我删除了render（）中html ...标记之前的空白。

现在可以正常工作了。是IDE警告我，该行必须未运行。

  render() {            
    return html`  now i feel  ${this.feeling} !`;
  }

与聚合物点燃元素0.6.2绑定不起作用

1 个答案: