在v-for中為遍歷的每一項添加ref屬性，並獲取相應的值

在做vue打印pdf時，打印不定數量的類似文件時需要為每一個文件添加一個只屬於自己ref屬性，那么怎么操作呢

<div v-for="(item, i) in packageCount" :key="i" :ref="'Bill' + item">
          <expressBill :packageCount="item" :deliveryId="deliveryId" :bill="bill"></expressBill>
</div>　　其中expressBill 是需要打印的文件樣式組件，packageCount、deliveryId、bill等是傳遞到子組件的數據

 

 那么如何獲取這些ref屬性值呢

 for (var i = 1; i <= this.packageCount; i++) {
        this.$print(this.$refs[`Bill${i}`][0])//此為打印pdf的操作，可以打印循環中的每一個數據
 }

一定要記得取的索引為0，不然打印預覽就會獲取不到DOM元素