Apakah arahan yang digunakan untuk mengawal paparan dan penyembunyian elemen dalam vue?

Dalam vue, anda boleh mengawal paparan dan penyembunyian elemen melalui arahan "v-show" Perintah ini hanyalah suis berasaskan CSS yang mudah Anda boleh mengawal paparan dan menyembunyikan elemen dengan menetapkan atribut gaya paparan elemen DOM.

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

arahan v-show

Arahan v-show mengawal atribut paparan elemen untuk menentukan sama ada untuk memaparkannya apabila nilai atribut bagi v-show adalah benar, elemen Paparan, jika tidak, ia tidak akan dipaparkan

v-show menukar atribut displayCSS elemen berdasarkan nilai benar atau salah ungkapan (dinilai berdasarkan nilai Boolean yang diperoleh daripada ungkapan)

Penggunaan v-show

1 Tentukan sama ada elemen dipaparkan atau disembunyikan

<el-button v-show="list.power == 1" @click="toUpload" class="toUpload" type="primary">去上传<i class="el-icon-upload el-icon--right"></i></el-button>

Sama ada senarai parameter.kuasa dalam. antara muka adalah sama dengan 1, jika sama dengan 1, maka adalah "benar", jika tidak ia "salah", dan kemudian arahan v-show dipaparkan apabila ia sama dengan benar dan tersembunyi apabila ia palsu.

2. Penghakiman pengendali ternary

<a class="warn" v-show="true ? item.ai != null : item.ai == null" :href="&#39;http://172.168.80.149:14081/gateway/upload/upload/downloadFile?url=&#39;+item.urlai">AI</a>

Malah, ini juga boleh dipendekkan kepada bentuk pertama

<a class="warn" v-show="!item.ai == null" :href="&#39;http://172.168.80.149:14081/gateway/upload/upload/downloadFile?url=&#39;+item.urlai">AI</a>

Ini lebih mudah

[Cadangan berkaitan: "tutorial vue.js"]

Atas ialah kandungan terperinci Apakah arahan yang digunakan untuk mengawal paparan dan penyembunyian elemen dalam vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!