在uni-app使用v-if和v-show語法編譯成微信小程序會(huì)有一個(gè)問題
- v-if
v-if在編譯的時(shí)候在小程序那邊是變成display:none\block來控制的诫欠,所以使用定位會(huì)造成盒子錯(cuò)亂添履,距離尺寸不好把控狂巢,所以在使用v-if的時(shí)候盡量多套一個(gè)盒子去適配好一點(diǎn)藤滥。 - v-show
v-show在使用這個(gè)的時(shí)候小程序那邊雖然也用display:none\block去控制的期奔,但是這里會(huì)有一個(gè)css選擇器的權(quán)重問題轮洋,用v-show去控制的話會(huì)照成控制盒子不生效等問題车要,所以盡量避免使用v-show去控制盒子
總結(jié):在使用自定義組件tab選項(xiàng)卡時(shí)會(huì)有使用 v-if/v-show的時(shí)候需要多套一個(gè)盒子碰纬,來避免造成css的樣式在其他端(H5萍聊、App)不兼容等問題。