How do you keep the text file in line?
-
I'm trying to get a line from the text file, the console's getting out of the way, but I can't keep it.
uploadString( e ) { var file = e.target.files[0]; var reader = new FileReader(); reader.onload = function() { console.log(reader.result); this.textToChange=reader.result };
reader.readAsText(file); },
-
You've lost context. Look what turns this into a processor onload.
example for test.txt
const Hello = Vue.extend({ template: ` <div> <input type="file" @input="uploadString"/> <div v-html="msg"></div> </div> `, data() { return { msg: 'Hello!' } }, methods: { saveText (e) { console.log(e.currentTarget, e.target); this.msg = e.target.result }, uploadString( e ) { var file = e.target.files[0]; var reader = new FileReader(); reader.onload = this.saveText; reader.readAsText(file); }, } })
new Vue({
el: '#app',
components: {
Hello
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<hello></hello>
</div>