Вот что я набросал на данный момент, а
это код.
<div id="root">
<div class="container">
<div class="row">
<div class="col-sm-6">
<input type="text" v-model="text">
</div>
<div class="col-sm-6">
<object id="pdf_viewer" type="application/pdf" :data="output" width="100%" height="400"></object>
</div>
</div>
</div>
</div>
new Vue({
el: "#root",
data: {
text: "Hello Kitty"
},
computed: {
output() {
const pdf = new jsPDF();
pdf.text(this.text, 10, 10);
return pdf.output("datauristring");
}
}
});
А что делать, если нужно передать html и css или сразу vue компонент:
<div class="container">
<div class="logo"><img src="/img/logo" alt="logo"></div>
<h1 class="heading">{{ this.text }}</h1>
<div class="row">
<div class="col-md-4">какой-то контент</div>
<div class="col-md-4">какой-то контент</div>
<div class="col-md-4">какой-то контент</div>
</div>
</div>
Если говорить о компоненте выходит нужно сначала скомпилировать его в html - строку и передать её в jspdf.
Подскажите как это сделать: перевести компонент в строку html и как с помощью jspdf создать pdf с таким содержимым?
