'Vue | 类型不存在属性'clientWidth' 元素 | Vue[] | 元素[]'。
'Vue | 类型不存在属性'clientHeight' 元素 | Vue[] | 元素[]'。
<div class="invoice-step-detail" id="invoice" ref="invoice">
@Component({
name: 'CreateInvoice',
components: { }
})
export default class CreateInvoice extends Vue {
downloadPdf(){
let pdf = new jsPDF("p", "pt", "a4", true);
let invoice = document.getElementById('invoice');
let width = this.$refs.invoice.clientWidth;
let height = this.$refs.invoice.clientHeight;
html2canvas(invoice!).then(canvas => {
let image = canvas.toDataURL('image/png');
pdf.addImage(image, 'PNG', 0, 0, width * 0.55, height * 0.55);
pdf.save('invoice');
})
}
async submitInvoice(): Promise<void> {
this.invoice = {
createdOn: new Date,
updatedOn: new Date,
customerId: this.selectedCustomerId,
lineItems: this.lineItems,
};
await invoiceService.makeNewInvoice(this.invoice);
this.downloadPdf();
await this.$router.push("/orders");
}
}
有什么建议么?我还是 vue 的新手,奇怪的是这段代码以这种方式工作,但它会引发该错误。