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的,所以受到了誤導,本篇沒有什么技術含量,權當胡言亂語,隨手記錄


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM