Javascript > Vue.js How to transfer javascript to vue.js script

Question

As I hope to use selected textarea, I found Javascript, but I don't know how to use it as the vue script

 $(document).ready(function () {$(".editorHTMLDIV").hide();}); 
 function convertToHTML() { 
   $('.editorHTMLDIV').text($('.editorDIV').html());
   $('.editorHTMLDIV').show(); 
   $('.editorDIV').hide();

I want to use this Javascript as Vue script like

<template>
  <div>
  </div>
</template>
<script> 
I wanna know this area
</script>

Could you provide a piece of your HTML code? Also, when do you want the convertToHTML function to be called? — vchan
– vchan, Commented Aug 10, 2020 at 9:38
jQuery is a DOM manipulation library, Vue is a template binding framework. They are very different concepts. You have taken the most basic form of a piece of jQuery logic and asked how to translate it to Vue. There is no real direct translation, you just need to learn some Vue. — Adrian Brand
– Adrian Brand, Commented Aug 10, 2020 at 9:49
Thx all comments, I just started studying Vue.js I wish I could do like yours :) — JaeWan
– JaeWan, Commented Aug 11, 2020 at 5:20

tony19 · Accepted Answer · 2022-07-16 01:28:37Z

1

You could do something like this:

<template>
    <div>
    </div>
</template>

<script>
export default {
    name: "name-of-your-component",
    data: function () {
        return { };
    },
    methods: {
        convertToHTML: function () {
            $('.editorHTMLDIV').text($('.editorDIV').html());
            $('.editorHTMLDIV').show(); 
            $('.editorDIV').hide();
        },
    },
    mounted() {
        $(".editorHTMLDIV").hide();
    },
}
</script>

However, the above script is just a sample and it probably will not meet your specification requirements (you have not mentioned any in your question).

Likewise, I would strongly recommend that you study the Vue lifecycle which can be found here and also, the Vue library in general.

Also, the jQuery library and the Vue framework are two completely different aspects. You cannot just translate code from one to another.

edited Jul 16, 2022 at 1:28

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Aug 10, 2020 at 9:52

vchan

8582 gold badges12 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript > Vue.js How to transfer javascript to vue.js script

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related