keep-alive termasuk vue.js tidak berfungsi - Limpahan Tindanan

Question

Selagi saya menulis teg keep-alive dalam projek saya, tidak kira apa yang anda kecualikan tulis di dalamnya, ia akan cache semua halaman.

<keep-alive exclude="xxx,yyy">
   <router-view></router-view>
</keep-alive>

Perlukan penyelesaian?

Answer 1

Saya juga mendapati masalah ini, termasuk adalah sama, ia tidak berfungsi! Tolong kenapa

Answer 2

Anda dikecualikan

Answer 3

Pada masa ini nampaknya anda tidak boleh menggunakan sertakan dan kecualikan secara langsung apabila menggunakan vue-router

hanya boleh ditulis seperti ini

<keep-alive>
    <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

Rujuk isu vue-router#811

Answer 4

Kecualikan tidak ada masalah sama sekali,
Beberapa perkara yang perlu diberi perhatian,

1. Vue-router versi mestilah 2.1+

2. Untuk komponen dengan set exclude, jika komponen dengan nama yang sama ditukar, ia akan tetap dicache Ini kerana komponen digunakan semula

3. Tetapkan nama kepada komponen

4. exclude menetapkan nama komponen yang sepadan

https://jsfiddle.net/lincenyi...

Buka contoh di atas,
Klik /params/foo dan kandungan akan berubah daripada 1234 pada permulaan kepada 2345 selepas 1 saat/params/foo 内容会由一开始的1234, 1秒后变成2345
再点击/optional-group/foo/bar
最后再点击/params/foo, 出现的结果一样是1234, 1秒后变成2345, 说明组件没被缓存

删除 代码中的 exclude="foo2"Klik sekali lagi /optional-group/foo/bar

Akhir sekali klik /params/foo, dan hasilnya ialah 1234, yang bertukar kepada 2345 selepas 1 saat, menunjukkan bahawa komponen itu belum dicache

Padam exclude="foo2" dalam kod

🎜Ulang 3 langkah di atas sekali lagi, 🎜Anda akan mendapati bahawa 1-2 adalah sama seperti di atas, tetapi dalam langkah ketiga, 2345 akan muncul terus pada halaman, menunjukkan bahawa komponen berjaya dicache🎜