Question

我是Vue的新手，我不太了解如何在组件内部使用jQuery（甚至纯js）。

我有一个组件component_1.vue，里面有一个表单：

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

现在，我要对该文本区域使用js文本区域布局（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之类的东西？

Vue组件在内部使用jQuery

0 个答案: