在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...