我有一个HTML模板组件的HTML内容如下如何获得在VUE JS
AdvanceTemplatePage.vue
<template>
<div class="content edit-page management">
<md-card class="page-card">
<md-card-header class="page-card-header">
<md-card-header-text class="page-title">
<div class="md-title">{{ 'AdvanceDetail' | translate }}</div>
</md-card-header-text>
</md-card-header>
<md-card-content class="page-content">
<div class="info-container">
<div class="label">{{ 'AdvanceStatus' | translate }}</div>
<div class="value">{{ '@AdvanceStatus' }}</div>
</div>
<div class="info-container">
<div class="label">{{ 'Amount' | translate }}</div>
<div class="value">{{ '@Amount' }} {{ '@Currency' }}</div>
</div>
<div class="info-container">
<div class="label">{{ 'RefundStartingAt' | translate }}</div>
<div class="value">{{ '@RefundStartingAt' }}</div>
</div>
<div class="info-container">
<div class="label">{{ 'RefundInstallmentQuantity' | translate }}</div>
<div class="value">{{ '@RefundInstallmentQuantity' }}</div>
</div>
<div class="info-container">
<div class="label">{{ 'Description' | translate }}</div>
<div class="value">{{ '@Description' }}</div>
</div>
</md-card-content>
</md-card>
</div>
</template>
我需要从另一个页面访问该模板的HTML。
我想在另一页上访问这样的html,但我不知道该怎么做。
import AdvanceTemplatePage from 'pages/print/template/AdvanceTemplatePage.vue';
methods: {
onPrint() {
const vm = this;
const template = new AdvanceTemplatePage({ el: '#templateDiv' })
}
}
我怎样才能从另一个页面vue.js
任何帮助将是appreciated.Thanks HTML信息。
是否要访问原始html或呈现的html? – Cobaltway
实际上我需要他们两个。我会在一些页面上使用一个,另一个在一些页面@Cobaltway –