在js中向div动态传值

项目场景：

项目涉及到打印功能的有的地方需要根据条件动态的将js数据传到div或者需要的地方

---

解决方案：

   <div class="demo-avatar demo-basic" style="margin-top: -5px;">
                            <div class="block" :key="size">
                                <el-avatar :size="size" :src="man"></el-avatar>
                            </div>
                        </div>
                        <div style="margin-top: -38px; margin-left: 50px;">
                        诊断: <label id="diagdesc" style="color: #00aaff;font-size:20px;"> </label>
                        </div>

document.getElementById("zdssex1dy").innerHTML = 传的数据

这种方式比较老,也可以使用{{}}取值或者v-model双向绑定就像这样

<span style="color: #00aaff;font-size:20px;">{{Valuetransfer.BRNAME}} </span>&nbsp;&nbsp;/&nbsp;
                            <span style="color: #00aaff;font-size:20px;">{{Valuetransfer.BRSEX}} </span>&nbsp;&nbsp;/&nbsp;
                            <span style="color: #00aaff;font-size:20px;">{{Valuetransfer.BRAGE}} 岁</span>&nbsp;&nbsp;&nbsp;

_this.Valuetransfer.BRNAME = _this.getcilclinicmaster.NAME                        
_this.Valuetransfer.BRSEX =_this.getcilclinicmaster.SEX
 _this.Valuetransfer.BRAGE =_this.getcilclinicmaster.AGE

但是vue2要在data里定义好属性,vue3定义好属性在 const state = reactive{}定义 vue3和2有不同点注意定义好需要的属性绑定好就可以了