nvue爬坑總結

2021-10-08 08:00:15 字數 1904 閱讀 2097

文字內容自動寬度

給父級盒子增加align-items: center,這樣既能一行顯示,又可以自動文字寬度

文字內容一行超出省略號顯示

text-overflow: ellipsis;

lines:1;

文字內容一行超出換行
min-height: 32rpx;

max-width:420rpx;

white-space:normal;

word-break:break-all;

文字預設是flex-direction:column

文字若需滑動,需要使用scroll-view標籤

報錯:同時最多發起 5 個 socket 請求
//連線scoket通訊,需要在每次關閉頁面的時候進行銷毀

destroyed () )

},

調取後台介面

nvue頁面調取後台介面實時渲染資料,用不了vue頁面使用的封裝好的方法,調取介面需要使用uni.request,要傳完整的頭部,介面要使用完整拼接網域名稱的介面,如果需要動態使用網域名稱,可以在vue頁面儲存,在nvue頁面uni.getstoragesync(『網域名稱』)

this.$url = uni.getstoragesync('ip');

uni.request(,

success: (res) =>

}});

nvue頁面選擇節點

nvue頁面不能使用uni.createselectorquery()和boundingclientrect()選中節點查詢資訊,可以使用dom.getcomponentrect,以下是直播間傳送聊天自動滾動到底部

}

} 進入直播間

主播} }

nvue頁面input輸入框收起後,軟鍵盤不收起
vue頁面

nvue頁面

//方法

that.$refs.input.blur()

nvue頁面海報

nvue頁面對canvas不敏感,若要生成直播間海報之類的,最好由後台生成

nvue報錯undefined is not an object (evaluating 『n.attr.id』) 或者null is not an object

這個報錯絆了我很久,怎麼改都是找不到id,報null,然而頁面裡面根本沒用到id,後來發現應該是用了this.context = uni.createlivepushercontext(this.ref

s.li

vepu

sher

.att

r.id

,thi

s);的

原因,按

官方檔案

在onr

eady

使用報錯

,換了在

moun

ted裡

面的th

is

.refs.livepusher.attr.id, this);的原因,按官方檔案在onready使用報錯,換了在mounted裡面的this.

refs.l

ivep

ushe

r.at

tr.i

d,th

is);

的原因,

按官方文

件在on

read

y使用報

錯,換了

在mou

nted

裡面的t

his.

nexttick使用也不行,後來把live-pusher標籤放到頁面**的最開始位置就解決了

其他標籤

vue爬坑 入門坑

問題1 父子頁面路由模組之間的呼叫 非資料互動 問題2 資料請求時跨域解決 用vue cli建立的專案,開發位址是localhost 3010,資料介面是localhost 8080。此時資料和開發環境不在相同網域名稱下,需要跨域才能請求到資料。解2 解決辦法有多種 服務端修改請求頭資訊允許跨域請求...

爬坑 自用記錄

mysql爬坑 在儲存過程中,想在concat中使用select into,into後的變數要只用帶 符號的,參考如下 begin declare totalcountsql varchar 500 set totalcountsql select count 1 into totalrecord ...

element ui 爬坑之旅

上圖 標記1model裡面的值,必須和標記2裡面的值一致,否則會報錯。2 在ie裡面,el date picker預設值設定時只支援時間格式為 2018 3 12 15 41 20 不支援類似於 選中狀態的顏色 useindextable.current row 滑過行的顏色 2 表頭固定,並且高度...