接近暴乱。来自DOM的js标记属性

对于发现自己处于相同情况的任何人,答案是询问 _tag 元素上的属性。访问 disabled 属性,您可以这样做:

document.querySelector('so-example')._tag.disabled

这将返回预期值 false .任何定义的 this 可以通过这种方式访问组件中的。

我可能错了,因为我从未使用过暴乱。js和它可以做一些神奇的编译,为你做到这一点,但我怀疑,这听起来像是过度杀戮。。。

自定义元素上的属性不会绑定到其JS表示。你不能用 .disable 作为快捷方式,因为querySelector或GetElementByWhere函数返回 HTMLUnknownElement 它没有任何绑定属性。所以你必须使用 getAttribute('disabled'); hasAttribute('disabled'); 相反

这取决于您要从何处访问属性。例如,如果它来自父标记,则可以使用。 this.tags.child.message

<example>
  <child></child>
  <button onclick={access_child}>access child</button>
  <script>
      access_child() {
        console.log(this.tags.child.message) 
      }
  </script>
</example>

<child>
  <script>
      this.message = 'Hello Riot'
  </script>
</child>

如果要从索引访问。html,您应该使用 riot.compile 这样地

<script type="text/javascript">
    riot.compile(function() {
      var example_tag = riot.mount('example')[0]
      var child_tag = example_tag.tags.child
      console.log('from index: '+child_tag.message)
    })
</script>

这是一个可行的例子 http://plnkr.co/edit/mjLlDozVzzfcv3Nwl63Y?p=preview