How to Make a Simple Text to ASCII Converter Using Quasar

Hello friends, I came up with another good tutorial. This is about my favorite framework, quasar. This is my second tutorial of the ar series. However, this is not an issue. However, this thing will help you to open another door in Vue and Quasar. Let’s make it without any talks.

In index.vue or whoever your Vue file, paste this in <template> tags.

<textarea v-model="text" id="text" cols="30" rows="10"></textarea>
<textarea v-if="kdjoutput" v-model="converted" id="" cols="30" rows="10"></textarea>

Now your textboxes are ready to go. Then, type the following code in as a computed function. (You can use this in the script tag.

computed: {
kdjoutput() {
var vm = this, asc_str = vm.text;
vm.converted = ''
for (var i = 0; i < asc_str.length; i++) {
var asc = asc_str.charCodeAt(i);
var str = String.fromCharCode(asc);
vm.converted += str + ': ' + asc + '\n';
}
return vm.converted
}
}

After all, this Is the must. Paste the following code under the mounted hook.

mounted () {
kdjoutput
},

After all, you have a fully simple, text to ASCII converter. Now it’s your choice to decide where should you go with this. Good luck. Be safe.