css值参

<div :style="{'--heiaght':headerHeight +'px' }"></div>

div{
  height:var(--heiaght)  
}

还有一种方式

<div :data-content="200px"></div>

div{
  height:attr(data-content)  
}

 

还可以通过操作dom来添加data-content的值

如

  let div = document.getElementsByClassName("el-tag");
div[0].setAttribute("data-content", `${1111}`);

setAttribute 是 JavaScript 中用于设置元素属性的方法。它允许你在 HTML 元素上动态地添加、修改或移除自定义属性。

示例 div.setAttribute(name,value)