Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk melaksanakan fungsi paparan skrin penuh dalam vue.js

Bagaimana untuk melaksanakan fungsi paparan skrin penuh dalam vue.js

王林
王林asal
2021-09-30 14:58:376271semak imbas

Cara melaksanakan fungsi paparan skrin penuh dalam vue.js: 1. Pasang vue-screen penuh; 2. Rujukan dan daftar dalam main.js 3. Panggil kaedah skrin penuh, seperti [ini .$fullscreen.enter(dom , {wrap: false,callback:...].

Bagaimana untuk melaksanakan fungsi paparan skrin penuh dalam vue.js

Persekitaran pengendalian artikel ini: sistem windows10, vue 2.5 .2, komputer thinkpad t480

Dalam pembangunan sebenar, kita mungkin menghadapi situasi di mana kita perlu memaparkan bahagian tertentu halaman dalam skrin penuh Sebenarnya, terdapat banyak cara untuk melaksanakannya, tetapi hari ini kami hanya memperkenalkan kaedah pelaksanaan berdasarkan vue.


Langkah-langkah khusus adalah seperti berikut:

1. 🎜>

2. Rujukan dan daftar dalam mian.js

3 Pelaksanaan kod khusus:
‘npm install vue-fullscreen’

Cadangan pembelajaran:
import fullscreen from 'vue-fullscreen'
Vue.use(fullscreen)
latihan php

<.>

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan fungsi paparan skrin penuh dalam vue.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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

Artikel berkaitan

Lihat lagi