如何使用Polymer获取控制台输出?

时间:2016-12-22 11:15:40

标签: polymer

我在dom-module标记内有这部分代码:

  <script>
    Polymer({
      is: "hi-world",
      properties:{
        name: {
          type: String,
          value: "default";
        },
        edad: {
          type: Number;
        },
        created: function(){
          console.log("The element was created")
          console.log(this)
          console.log(this.$)
          console.log(this.$.title);
        }
      }
    })

  </script>

但是当我执行代码时,在Chrome,Firefox甚至(对不起)IE的控制台中都没有发生任何事情。我究竟做错了什么?我在https://www.polymer-project.org/1.0/docs/devguide/registering-elements看到一些指南,但它不起作用。

另外,我尝试了一行console.log,其中包含:

created: function(){
  console.log("The element was created");
}

而且,再次,在网络浏览器控制台中没有结果。

编辑1: 根据a1626,代码实际上是解决方案:

<script>
  Polymer({
    is: "hi-world",
    properties:{
      name: {
        type: String,
        value: "default";
      },
      edad: {
        type: Number;
      }
    },
    created: function(){
      console.log("The element was created")
      console.log(this)
      console.log(this.$)
      //console.log(this.$.title) <-- commented, it collapses with created method
    }
  })
</script>

1 个答案:

答案 0 :(得分:0)

您已将created callback放在属性对象中。并且在创建回调期间,元素未准备好,因此您将找不到使用this.$.id