javascript - Vue组件里面使用jQuery

Question

我是 Vue 的新手，我真的不明白如何在组件中使用 jQuery（甚至是纯 js）。

我有一个component_1.vue内部有一个表单的组件：

<template>
    <div>
        <textarea v-model="article.content" id="contentInput"></textarea>
    </div>
</template>

现在我想对这个 textarea 使用 js textarea 布局（Trumbowyg）。我怎样才能让它工作？

即使我console.log(document.getElementById('contentInput'));在created()生命周期钩子中运行，它也会返回null. created()钩子内对 jQuery 的检查返回JQUERY，因此定义了 jQuery。我没有在控制台中打印任何错误。

这是我的js的一部分：

export default {
    props: {
        id: Number
    },
    data() {
        return {
            article: [],
        }
    },
    components: {},
    created() {
        this.fetchArticle();
        if (typeof jQuery === 'undefined') {
            console.log('NOT');
        } else {
            console.log('JQUERY');
        }
        console.log(document.getElementById('contentInput'));
        $('#contentInput').trumbowyg({
            // TRUMBOWYG CONFIGURATION
        });
    },
    methods: {
        fetchArticle() {
            //FETCH ARTICLE FROM DB VIA AXIOS
        },
    }
}

如何访问 html，以便可以使用 trumbowyg 之类的东西？

标签： javascriptjqueryvue.jstrumbowyg