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

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

下面是vue2的vnode示范

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

然后是vue3的错误示范

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

下面是正确示范

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

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

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

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

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

上一篇:小米平衡车plus拆机换电池


下一篇:MyBatis-Plus