v-show的實現是給元素添加display:none 達到元素隱藏的效果
v-if是直接將元素從頁面上銷燬
tab欄切換就可以非常容易看出它們倆的區別，使用v-show，點擊切換之後，這個時候你會發現無法獲取到另一頁面的頁面整體高度或者某個元素的高度，而v-if卻是可以正常獲取到頁面或者某個元素的高度
上拉加載的原理：需要判斷頁面是否滾動了頁面底部，使用v-show在tab切換的時候，另一個頁面無法獲取到頁面高度，會造成另一個頁面的上拉加載失效的問題，使用v-if可以解決這個問題
vue v-if和v-show在實際開發中發現的使用區別
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
element-ui中的el-table-column加v-if不生效，表頭錯亂
項目中需要按照不同的媒體類型，展示不同的表頭且數據字段也不同。可以增加不同key值解決v-if不生效問題。 <el-table-column prop="author" align="center"
Html Webpack Plugin: ReferenceError: process is not defined
修改ejs文件 將<% if (!process.browser) {%> 改成： <% if (!require(‘process’).browser) { %>