Maison > interface Web > uni-app > Parlons de la façon d'utiliser ceci et cela dans Uniapp

Parlons de la façon d'utiliser ceci et cela dans Uniapp

PHPz
Libérer: 2023-04-19 14:33:12
original
1938 Les gens l'ont consulté

Uniapp est un framework de développement multiplateforme basé sur la technologie de développement de l'applet Vue.js et WeChat, qui permet d'écrire une seule fois et de s'exécuter sur plusieurs terminaux. Dans Uniapp, ceci et cela sont deux variables que les développeurs utilisent souvent pour obtenir différents objets dans différentes situations.

Le mot-clé this fait référence à l'instance du composant actuel. Utilisez-le pour accéder directement aux propriétés et méthodes du composant actuel. Par exemple, dans les méthodes du composant, vous pouvez accéder à l'objet de données du composant via ceci, comme indiqué ci-dessous :

export default {
    data() {
        return {
            message: 'Hello World'
        }
    },
    methods: {
        showMessage() {
            console.log(this.message);
        }
    }
}
Copier après la connexion

Dans le code ci-dessus, this.message est un attribut de données dans le composant, et la méthode showMessage accède l'attribut message à travers cela et imprime la sortie.

c'est un objet temporaire utilisé pour enregistrer la valeur de this à l'intérieur de la fonction. Dans certains cas, this à l'intérieur de la fonction ne pointe pas vers l'instance du composant actuel. Dans ce cas, vous pouvez l'utiliser pour enregistrer la valeur de this pour une utilisation continue dans la fonction.

Par exemple, lorsque vous utilisez uni.request pour lancer une requête vers le serveur, puisque le pointeur de ceci a changé, vous devez l'utiliser pour enregistrer l'instance du composant actuel :

export default {
    data() {
        return {
            items: []
        }
    },
    methods: {
        loadData() {
            //保存当前组件的实例
            let that = this;
            uni.request({
                url: 'http://localhost:8080/getData',
                success(res) {
                    //在此处使用that来访问items属性,而不是this
                    that.items = res.data;
                }
            })
        }
    }
}
Copier après la connexion

In. le code ci-dessus, car le pointeur de uni.request Ceci dans la fonction de rappel n'est plus une instance du composant actuel, vous devez donc l'utiliser pour enregistrer l'instance du composant actuel afin que vous puissiez continuer à accéder et à modifier le données dans le composant.

En bref, dans le développement d'Uniapp, l'utilisation de ceci et de cela est très importante. Les développeurs doivent connaître clairement leur objectif et leurs scénarios d'utilisation afin de développer des applications efficaces, stables et fiables.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal