Компонент Vue использует JQuery внутри - PullRequest
Новая
       36

Компонент Vue использует JQuery внутри

0 голосов
/ 21 января 2019

Я новичок в 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. Проверка jQuery внутри хука created() возвращает 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?

...