<template>
<docx-annotation @convert-start="convertStart" @convert-end="convertEnd" v-model="requestList" ref="annotationRequest"/>
</template>
<script>
export default{
mounted(){
axios({
method: "get",
url: filePath,
responseType: "arraybuffer"
}).then(({ data }) => {
console.dir(data)
this.$refs.annotationRequest.wordToHtml(data);
});
}
}
</script>
<template>
<docx-annotation v-model="advancedList" :click-scroll="true" ref="annotationAdvanced"/>
</template>
<script>
export default{
mounted(){
axios({
method: "get",
url: filePath,
responseType: "arraybuffer"
}).then(({ data }) => {
console.dir(data)
this.$refs.annotationAdvanced.wordToHtml(data);
});
}
}
</script>
<template>
<docx-annotation @convert-start="convertStart" @convert-end="convertEnd" v-model="inputList" ref="annotationInput"/>
</template>
<script>
export default{
mounted(){
let _this = this;
$("#input-file-container").bind("change", function(event) {
let file = event.target.files[0]
let reader = new FileReader()
reader.onload = function(loadEvent) {
let arrayBuffer = loadEvent.target.result
_this.$refs.annotationInput.wordToHtml(arrayBuffer)
}
reader.readAsArrayBuffer(file)
})
}
}
</script>