其中u-image 可以支援width,height和mode,shape,也可以支援錯誤的情況下,使用一張預設的的,今日進行深入研究,做個備註
原因:是通過或者widh和height,進行乙個叫addunit的函式來進行數字驗證,如果是純數字的話,就加上rpx,
如果不是,就直接返回原來的數值
原因:通過乙個計算屬性 wrapstyle,
wrapstype();
style.width= addunit(width);
....***
style.borderradius = this.sahpe == "circle" ? "50%":this.addunit(你自己傳進來的borderrdius的值,否則是0)
style.overflow = this.borderradius > 0 ? 'hidden' : 'visible'
//如果傳入了fade的值
return style
} 頁面中使用
image中onerror 和onload 這兩個函式,當onerror執行時,會觸發iserror=true 和isloading=false
由於mage標籤是使用了 v-if=「!iserror」,所以會隱藏,由於有background的存在,頁面不會一片空白,會顯示預設的錯誤顏色,由於用了和image一樣的寬高,所以頁面不會坍陷,當傳入自己所寫的錯誤資訊時
載入失敗
這樣可以對元件進行2次的改進
by the way
在元件中學到了
data() }
可以對傳進來的內內容進行使用和改造
以前我只知道可以傳入乙個物件,因為物件是引用型別,不會有子元素觸發父元素的data問題
其中裡面大量使用了:style
的這種語法
:style=""
最終發現 } 和 普通的 } 都是統一的
}
通過u-image的學習,也學到了不少,2020-01-02-20:48
關於vue元件化的理解
元件化是vue的精髓,vue應用就是由乙個個元件構成的。1.定義 元件是可復用的 vue 例項,準確講它們是vuecomponent的例項,繼承自vue。2.優點 可以增加 的復用性 可維護性和可測試性。提高開發效率,方便重複使用,簡化除錯步驟,提公升整個專案的可維護性,便於協同開發,是高內聚 低耦...
自己總結的關於鎖的理解
背景 才來公司的時候,同事讓我自己看看mysql鎖的知識,我理解的有點不對,所以就開始看一些關於鎖的資料和文章,然後總結了一下。共享鎖就是多個事務對於同一資料可以共享一把鎖,都能訪問到資料 但是只能讀不能修改 排他鎖又稱為寫鎖,排他鎖不能與其它鎖共存,如果乙個事務獲得乙個資料行的排他鎖,其它事務就不...
自己關於遞迴的一些理解
遞迴是一種抽象的概念,比如當我們想要完成某一遞迴函式dfs 的功能時,你可以先假設這個dfs 已經有你想要的功能啦,先書寫主題思路即推出dfs i 和dfs i 1 間的關係,明確它們的關係之後,就可以寫出主體思路,之後再書寫臨界條件,臨界條件功能寫完,藉著前邊咱們定義的關係,就可以一直逆推到答案,...