Cara menggunakan kaedah global uniapp

Uniapp ialah rangka kerja pembangunan merentas platform yang dibangunkan berdasarkan rangka kerja Vue.js Ia boleh dijalankan pada berbilang platform seperti iOS, Android dan H5 pada masa yang sama dengan menulis satu set kod.

Dalam uniapp, kami boleh menggunakan kaedah global untuk memanggil kaedah awam dengan mudah. Artikel ini akan memperkenalkan definisi dan penggunaan kaedah global uniapp.

1. Tentukan kaedah global

Untuk menentukan kaedah global dalam uniapp, anda perlu menggunakan sintaks Vue.prototype.$xxxx = function(), dengan xxxx ialah nama kaedah.

Kod sampel adalah seperti berikut:

Vue.prototype.$formatDate = function(date) {
    const y = date.getFullYear()
    const m = date.getMonth() + 1
    const d = date.getDate()
    return y + '-' + (m > 9 ? m : '0' + m) + '-' + (d > 9 ? d : '0' + d)
}

Kod di atas mentakrifkan kaedah $formatDate, yang digunakan untuk memformat tarikh ke dalam bentuk YYYY-MM-DD.

2 Gunakan kaedah global

Dalam uniapp, kami boleh menggunakan kaedah global di mana-mana sahaja. Hanya gunakan ini.$xxxx() di mana kaedah dipanggil, di mana xxxx ialah nama kaedah yang digunakan semasa mentakrifkan kaedah global.

Kod sampel adalah seperti berikut:

export default {
    data() {
        return {
            currentDate: new Date(),
        }
    },
    methods: {
        handleClick() {
            const formatted = this.$formatDate(this.currentDate)
            uni.showToast({
                title: formatted,
            })
        },
    },
}

handleClick dalam kod di atas ialah acara klik butang. Dalam acara ini, kaedah $formatDate dipanggil untuk memformat tarikh ke dalam bentuk YYYY-MM-DD dan kaedah uni.showToast digunakan untuk memaparkan tarikh yang diformatkan dalam Toast.

3. Ringkasan

Sangat mudah untuk mentakrif dan menggunakan kaedah global dalam uniapp, yang boleh meningkatkan kebolehgunaan semula kod dan mengurangkan jumlah kod dan masa pembangunan. Apabila membangunkan uniapp, anda boleh menggunakan kaedah global uniapp secara fleksibel berdasarkan keperluan sebenar.

Atas ialah kandungan terperinci Cara menggunakan kaedah global uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!