gloriagxx / rosetta Goto Github PK

<element name="r-header" onAttached={onAttached}>
    <style>
        :host {
        }
    </style>
    <template>
        <header>
             <a href="javascript:history.back()">test</a>
        </header>
    </template>
    <script type="text/javascript">
    </script>
</element>

like the code above

hi
i follow you case , but , i can't found the require function ,where you defined this.

can you tel me ? how to use it ?

<r-header no-back></r-header>
<r-header no-back=true></r-header>

the 2nd line will be correct.

when I use a function supported by an element like

tabs2.switchTo(1)

I have to type the code first

var tabs2 = Rosetta.ref('tabs2');

but there comes a problem as below

var tabs2 = Rosetta.ref('tabs2');
tabs2.switchTo(1);
tabs2.switchTo(0);

3rd line 'tabs2.switchTo(0)' doesn't work, but if I use

var tabs2 = Rosetta.ref('tabs2');
tabs2.switchTo(1);
var tabs2 = Rosetta.ref('tabs2');
tabs2.switchTo(0);

it works again.
is there a good solution for this question?

I defined two elements called r-a,r-b
when I use r-a element within r-b element, there comes a problem that I can't find the r-a's root div.
so :host does not work in this situation.

为啥不用2来对比？