vue使用jsx绑定时间,元素,html字段

来自 https://juejin.im/post/5e409f02e51d4526f16e3bce

要监听 JSX 中的事件,我们需要“on”前缀。 例如,将onClick用于单击事件。

 render (createElement) {
     return (
         <button onClick={this.handleClick}></button>
     )
 }

复制代码
要修改事件,请使用

render (createElement) {
     return (
         <button onClick:prevent={this.handleClick}></button>
     )
 }

复制代码
绑定变量,注意这里不是使用 :

 render (createElement) {
     return (
         <button content={this.generatedText}></button>
     )
 }

复制代码
将HTML字符串设置为元素的内容,使用domPropsInnerHTML而不是使用v-html

 render (createElement) {
     return (
         <button domPropsInnerHTML={htmlContent}></button>
     )
 }

复制代码
我们也可以展开一个大对象:

 render (createElement) {
     return (
         <button {...this.largeProps}></button>
     )
 }
发布了112 篇原创文章 · 获赞 33 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/qq_40282732/article/details/104559220