vue3 h函数 h() 生成 element-plus vnode

vue3的h函数和vue2的h函数入参不同

下面是vue2的vnode示范

image

然后是vue3的错误示范

image

下面是正确示范

      let open1=() => {
        return new Promise((resolve,reject)=>{
          ElNotification({
            title: '第一步:展示模型自带动画',
            message:h(ElButton,{
              type:"primary",
              onclick:()=>resolve(20)
            },'确认'),
            duration: 0,
          })
        })
      }

为什么会出现这样的状况呢,就是因为ts的h函数声明如下

image

当我们点击这个h函数时会跳转到某个参数类型的h声明,而入参为 string 时生成的是普通html标签,而其他参数类型时会调用相应的函数去生成vnode

因为没有查到vue3的示例,查到的都是vue2的,所以受到了误导,本篇没有什么技术含量,权当胡言乱语,随手记录

posted @ 2022-01-21 20:25  dou_fu_gan  阅读(4723)  评论(1编辑  收藏  举报