Javascript > Vue.js 如何将 javascript 传输到 vue.js 脚本答案

【问题标题】：Javascript > Vue.js How to transfer javascript to vue.js scriptJavascript > Vue.js 如何将 javascript 传输到 vue.js 脚本
【发布时间】：2020-08-10 09:00:14
【问题描述】：

由于我希望使用选中的textarea，所以我找到了Javascript，但我不知道如何将它用作vue脚本

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

我想把这个 Javascript 当作 Vue 脚本使用

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

【问题讨论】：

到目前为止你尝试了什么？
您能提供一段您的 HTML 代码吗？另外，您希望何时调用 convertToHTML 函数？
jQuery 是一个 DOM 操作库，Vue 是一个模板绑定框架。它们是非常不同的概念。您已经采用了 jQuery 逻辑的最基本形式，并询问如何将其转换为 Vue。没有真正的直接翻译，你只需要学习一些Vue即可。
感谢所有 cmets，我刚开始学习 Vue.js，我希望我能像你一样做 :)

标签： javascript jquery vue.js

【解决方案1】：

你可以这样做：

<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>

但是，上述脚本只是一个示例，它可能不符合您的规范要求（您的问题中没有提到任何内容）。

同样，我强烈建议您学习 Vue 生命周期，可以找到 here 以及一般的 Vue 库。

另外，jQuery 库和 Vue 框架是两个完全不同的方面。您不能只是将代码从一个翻译到另一个。

【讨论】：