Bot releases are hidden (Show)
Published by dntzhang about 2 years ago
Fix type error when:
export interface YourProps {
}
@tag('your-component')
class YourComponent extends WeElement<YourProps> {
render(props: YourProps) {
}
}
Published by dntzhang about 2 years ago
Published by dntzhang over 2 years ago
const markup = '<h3>Some HTML to render.</h3>'
@tag('my-element')
class extends WeElement {
render() {
return <div unsafeHTML={markup}></div>
}
}
render(<my-element />, 'body')
Published by dntzhang over 2 years ago
Published by dntzhang over 2 years ago
Published by dntzhang about 3 years ago
Published by dntzhang about 3 years ago
Published by dntzhang about 3 years ago
define('parent-el', class extends WeElement {
provide = {
name: 'omi'
}
render() {
return <child-el></child-el>
}
})
//Not just children, can be injected into all descendant elements
define('child-el', class extends WeElement {
inject = ['name']
render() {
//output: <div>omi</div>
return <div>{this.injection.name}</div>
}
})
Published by dntzhang about 3 years ago
Published by dntzhang about 3 years ago
Published by dntzhang about 3 years ago
<o-line ignoreAttrs={true} data={this.chartData} options={this.chartOptions}></o-line>
Published by dntzhang about 3 years ago
Published by dntzhang about 3 years ago
Published by dntzhang over 3 years ago
Published by dntzhang over 3 years ago
Published by dntzhang over 3 years ago
import { define, render, WeElement } from 'omi'
define('o-button', class extends WeElement {
render() {
return (
<button {...this.props}><slot></slot></button>
)
}
})
define('my-app', class extends WeElement {
render() {
return (
<o-button _onclick={evt => {
//onclick trigger twice, _onclick trigger once
console.log(1)
}}>button</o-button>
)
}
})
render(<my-app />, 'body')
Published by dntzhang over 3 years ago
Published by dntzhang over 3 years ago
Published by dntzhang over 3 years ago
render(<my-app></my-app>, '#root', {
ignoreAttrs: true
})
Published by dntzhang over 3 years ago