Vue 2.x使用ant-design-vue 1.6.2版本,jsx写法下弹出组件报ant-portal指令异常解决姿势

前言

今天遇到这个问题,我觉得有必要放出来.

应该会有人遇到和我一样的问题,

毕竟ant-design-vue的用户群体还是挺多的~~

问题

异常图

Vue 2.x使用ant-design-vue 1.6.2版本,jsx写法下弹出组件报ant-portal指令异常解决姿势

基础条件

  • 已经配置了按需加载
  • render jsx写法下引入这两类组件

Vue 2.x使用ant-design-vue 1.6.2版本,jsx写法下弹出组件报ant-portal指令异常解决姿势
Vue 2.x使用ant-design-vue 1.6.2版本,jsx写法下弹出组件报ant-portal指令异常解决姿势
Vue 2.x使用ant-design-vue 1.6.2版本,jsx写法下弹出组件报ant-portal指令异常解决姿势

解决

代码图

Vue 2.x使用ant-design-vue 1.6.2版本,jsx写法下弹出组件报ant-portal指令异常解决姿势

  • 省事的写法就是在主入口Vue.use<br />
  • 不省事的写法就是到引用该组件的区域,引入vueuse

来源

仓库的维护者之一

Vue 2.x使用ant-design-vue 1.6.2版本,jsx写法下弹出组件报ant-portal指令异常解决姿势
Vue 2.x使用ant-design-vue 1.6.2版本,jsx写法下弹出组件报ant-portal指令异常解决姿势

总结


谢谢阅读,有不对之处请留言,会及时修正