Vuejs2 vuejs从组件中的特定部分获取html

我有3张不同的卡：

<el-card class="box-card" v-for="i in 3" :key="i" ref="models_i"> 
      <el-form>
        <el-checkbox v-model="isChecked[i]" v-on:change="checkif(i)" style="float: right; padding: 3px 0" type="text"></el-checkbox>
        <div v-bind:class="{'bottom': i == 3}">
          <div class="text item"  v-bind:class="{'top': i == 1, 'left': i == 2}">
            <img src="https://unity3d.com/profiles/unity3d/themes/unity/images/ui/icons/other/user-default128x128.png" v-bind:class="{'bottomImg': i == 3}"/>
          </div>
          <div v-bind:class="{'left': i == 2}">
            <div class="text fullname" style ="font-weight: bold;">
              {{ user | userFullname }}
            </div>
            <div class="text post" style="color:#DAD9E1;"> 
              Poste, Service
            </div>
            <div class="text company" style ="font-weight: bold;">
              {{ user.companyId.company_name }}
            </div>
            <div class="info">
              <div class="telephone">
                <div class="label tel">
                  <label for="tel">Tél.</label>
                  <span>01 00 00 00 00</span>
                </div>
                <div class="label mob">
                  <label for="mob">Mob.</label>
                  <span>06 00 00 00 00</span>
                </div>
              </div>
              <div class="label website">
                  <label for="website">Website.</label>
                  <span>www.entreprise.com</span>
              </div>
              <div class="label email">
                  <label for="email">E-mail.</label>
                  <span> {{ user.email }}</span>
              </div>
            </div>
          </div>
        </div>
      </el-form>
    </el-card>

---

我正在尝试使用$refs获取html，但我没有获取html，所以我尝试了这个。$refs.models\u I。$el.innerHtml，但它当然不起作用。我不知道如何获取特定的html，如何才能做到这一点？

当引用被重复时，它将作为数组访问，因此

<el-card class="box-card" v-for="i in 3" :key="i" ref="models">

由于

可能是一个Vue组件，要获得实际的HTML，您可以使用：

this.$refs.models[0].$el;

---

有没有办法获得CSS？所有标准JavaScript API（例如

getComputedStyle

或

document.styleSheets

）都可用。

this.$refs.models[0];
this.$refs.models[1];
// etc.

this.$refs.models[0].$el;