用VUE3制作HA卡片

kkzxsews

佚蓝 发表于 2024-8-4 16:59
floor3d里面可以用这种方式配置卡片吗？

理论上来说把别人的卡片添加进自己的卡片也是可行的 但不是用上面的方式  而是用在源码里用JavaScript里添加html元素的方式加入.   我刚把mushroom-light-card加入到我的这张卡片 你可以参考一下

 customElements.whenDefined('mushroom-light-card').then( () => {
      var classLightCard:any = customElements.get('mushroom-light-card')
      lightcard1 = new classLightCard();
      
      // var lightcard1:any = document.createElement("mushroom-light-card")
      lightcard1.setConfig({entity: 'light.leishi_eps127_fb44_light'})
      // lightcard1.render();
      lightcard1.hass = hass.value
      console.log(lightcard1.hass)
      console.log(lightcard1.render())
      // air_con.value.appendChild(lightcard1)
      // console.log(lightcard1.getCardSize())
      
      console.log(air_con.value.appendChild(lightcard1))
    })

    }, 3000);

复制代码

最关键是那个 hass 你要在卡片的hass刷新的时候也把lightcard1的hass也重新赋值 不然它就不会有变化