vue v if和v else無效果

2021-10-10 16:21:13 字數 678 閱讀 1675

在vue專案中,通常會遇到需要使用v-if和v-else標籤來處理一些頁面渲染的問題,有時候會出現渲染無效果的問題,如下:

**使用如上圖,渲染結果如下圖

可以看到,這樣寫的時候,v-if和v-else標籤內容都被渲染出來了,很明顯這不符合我們的業務邏輯。

解決辦法如下:

渲染效果

可以發現,我們把p標籤和h3標籤的位置換一下,就可以了。

原因分析:

p標籤是行內元素,h3標籤是塊級元素

在進行巢狀的時候,塊級元素可以巢狀塊級元素,也可以巢狀行內元素

而行內元素則只能巢狀行內元素,不能巢狀塊級元素

這是最開始學習web程式設計時學習過的知識,然而時間過得越長,也就越模糊了最基礎的概念問題

學海無涯苦作舟!!!

Vue v if和v show的區別

v if和v show 看起來似乎差不多,當條件不成立時,其所對應的標籤元素都不可見,但是這兩個選項是有區別的 1.v if在條件切換時,會對標籤進行適當的建立和銷毀,而v show則僅在初始化時載入一次,因此v if的開銷相對來說會比v show大。2.v if是惰性的,只有當條件為真時才會真正渲...

設定背景顏色無效果

寫乙個小的demo,通過handle傳送message有方式不斷的去改變乙個布局的顏色,可是通過log可以看到hanlde傳送的message都接收到了,也處理了,可是就是看顏色的的變化。解決的方法是 當我們通過 去改變乙個view有背景顏色是,我們一定要有透明的值,即是 0xaarrggbb的形式...

解決JS setTimeout 傳入參無效果問題

自己寫了乙個文字的水平滾動的效果.js 如下 var tag 0 若不設定為全域性變數,不會左移 function wordflow id,minflow,maxflow otext.style.left currentleft px console.log otext.style.left var...