uniapp的bug們

台友涛發表於2024-04-28

1 uni-icons標籤的資料繫結有問題

<uni-icons type="contact" class=" icon"  size="25"></uni-icons><view>{{user_msg}}</view>
<!-- 之所以不把{{user_msg}}寫在uni-icons標籤之內,是因為,uni-icons有一個bug,它不支援資料繫結 -->

2 vue2的tihs"迷路"問題

uni.getStorage({
    key:'user_ID',
    // success: function (res) {
    // 	this.user_ID=res.data;//非箭頭函式的this,會"繫結丟失",這是vue2的bug,為了規避這個bug,發明了箭頭函式
    // 	console.log('res.data',res.data);
    // }
    success: (res) => { // 使用箭頭函式  
        this.user_ID = res.data; // 這裡的 this 將會指向外部作用域的 this  
        console.log('res.data', res.data);  
    },
})

3 uniapp,右對齊bug

<view class="you"><view><button type="primary" size="mini">刪 除</button></view></view>
.you{
  display: flex;  /*使之靈活,只有加這句話,居中才能生效*/
  justify-content: flex-end; /* 內部標籤水平最後, right在小程式沒有用,但是,瀏覽器有用 */  
}

uniapp的bug們

只有flex-end

uniapp的bug們

但在瀏覽器中,flex-end和right都是有效的

uniapp的bug們

4 uniapp的button,有很大的佔位,使用css都限制不住他

uniapp的bug們

5 普通button沒有這個bug

uniapp的bug們

可以在外面套一層view,間接限制其寬度

uniapp的bug們

相關文章