問題描述:初始化渲染後 tabs的下劃線沒有居中對其,出現異位。 問題分析: 網上很多大佬分析過出現原因了 記錄下解決的過程: 在各個論壇搜集到解決方案都暫時無效 有使用v-if重新渲染的 有給類賦值偏移值的 有強行轉換px的 因為各種原因這些方法在自己身上沒有奏效所以記錄下自己解決方案 偏移問題會 ...
問題描述:初始化渲染後 tabs的下劃線沒有居中對其,出現異位。
問題分析: 網上很多大佬分析過出現原因了
記錄下解決的過程: 在各個論壇搜集到解決方案都暫時無效 有使用v-if重新渲染的 有給類賦值偏移值的 有強行轉換px的 因為各種原因這些方法在自己身上沒有奏效所以記錄下自己解決方案
偏移問題會在重新點擊tabs後計算transform的值而恢復正常。所以在初始化渲染的時候可以把tabs的 current值重新賦值一下
data() { return { current: 1, }; }, onShow() { this.$nextTick(() => { // 解決uview u-tab,下劃線異常 this.current = 0; }); },

data() { return { current: 1, }; }, onShow() { this.$nextTick(() => { // 解決uview u-tab,下劃線異常 this.current = 0; }); },View Code