Rumah > hujung hadapan web > uni-app > teks badan

Mari kita bincangkan tentang cara menggunakan ini dan itu dalam uniapp

PHPz
Lepaskan: 2023-04-19 14:33:12
asal
1915 orang telah melayarinya

Uniapp ialah rangka kerja pembangunan merentas platform berdasarkan teknologi pembangunan Vue.js dan applet WeChat, yang membolehkan penulisan sekali dan berjalan pada berbilang terminal. Dalam Uniapp, ini dan itu adalah dua pembolehubah yang sering digunakan oleh pembangun untuk mendapatkan objek berbeza dalam situasi berbeza.

Kata kunci ini merujuk kepada contoh komponen semasa. Gunakan ini untuk mengakses terus sifat dan kaedah dalam komponen semasa. Contohnya, dalam kaedah komponen, anda boleh mengakses objek data komponen melalui ini, seperti yang ditunjukkan di bawah:

export default {
    data() {
        return {
            message: 'Hello World'
        }
    },
    methods: {
        showMessage() {
            console.log(this.message);
        }
    }
}
Salin selepas log masuk

Dalam kod di atas, this.message ialah atribut data dalam komponen dan kaedah showMessage lulus ini Akses sifat mesej dan cetak output.

iaitu objek sementara yang digunakan untuk menyimpan nilai ini di dalam fungsi. Dalam sesetengah kes, ini di dalam fungsi tidak menunjuk kepada contoh komponen semasa Dalam kes ini, anda boleh menggunakannya untuk menyimpan nilai ini untuk kegunaan berterusan di dalam fungsi.

Contohnya, apabila menggunakan uni.request untuk memulakan permintaan kepada pelayan, memandangkan penunjuk ini telah berubah, anda perlu menggunakannya untuk menyimpan contoh komponen semasa.

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;
                }
            })
        }
    }
}
Salin selepas log masuk

Dalam kod di atas, kerana ini dalam fungsi panggil balik uni.request bukan lagi contoh komponen semasa, anda perlu menggunakannya untuk menyimpan contoh komponen semasa supaya anda boleh terus mengakses dan mengubah suai data dalam komponen.

Ringkasnya, penggunaan ini dan itu sangat penting dalam pembangunan Uniapp perlu mengetahui dengan jelas tujuan dan senario penggunaannya untuk membangunkan aplikasi yang cekap, stabil dan boleh dipercayai.

Atas ialah kandungan terperinci Mari kita bincangkan tentang cara menggunakan ini dan itu dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan