vue2.7下jsx写法遇到的一些小问题

220 阅读1分钟

1 el-form 报错 # Invalid handler for event "input": got undefined

企业微信截图_16769501711886.png

解决办法 github.com/ElemeFE/ele…

或者 www.cnblogs.com/little-redh…

2 el-dialog visible如何透传

image.png

3 el-table 事件不触发、自定义事件不触发

在原先事件名称前加 ‘on-’

image.png

4 通过ref无法到 组件引用或者dom

无法直接通过ref(null)获取,需要通过函数去赋值

企业微信截图_16769722222016.png

企业微信截图_16769722416485.png

blog.csdn.net/qq\_3185143…

属性透传

原来的
v-bind="attrs"von="attrs" v-on="listeners"

企业微信截图_16814590472576.png

可以通过下图透传,

此种方式可以透传父组件传递过来的所有props,同时在这个组件内 覆盖需要覆盖的同名文件 企业微信截图_16814590038776.png

此种是常规方式透传所有 本组件未声明的props,并透传到子组件

企业微信截图_16814591379457.png

还有一种情况是 ,父子孙=>曾孙 四层组件透传需要注意,

父组件传递 props selection 给---》子组件 子组件没有声明props selection ——》需要通过attrs透传到孙组件 孙组件没有声明props selection ——》需要通过attrs透传到曾孙组件

1682067432135.png