uni app搜尋記錄

2021-10-24 19:27:56 字數 1600 閱讀 8575

個人寫法 僅供參考

html:

>

>

class

="sos_box"

>

class

="sos_inp"

>

type

="text"

placeholder

="搜尋"

v-model

="nei"

@confirm

="ondang()"

/>

view

>

class

="sos_qu"

>

取消view

>

view

>

class

="tu"

>

src=

"../../static/sosuo.png"

>

image

>

view

>

class

="sos_suo"

>

class="

">

搜尋歷史view

>

style

="border

: 1px solid red;

color

: red;

border-radius

: 7rpx;

" @click

="dele()"

>

x 清空全部view

>

view

>

class

="sos_xia"

>

v-for

="(ys,index) in list "

:key

='index'

class

="xia_a"

>

}view

>

view

>

view

>

template

>

js:

export

default},

methods:)}

,// 清空效果

dele()

)}})

;}},

// 效果:新增的搜尋記錄儲存在頁面,不被重新整理消失

// 1.取資料 在onload生命週期中取 onload:頁面的初始化

// 2.用async await 來獲取內容 因為返回的結果是個promise

// 3. 最後把結果附給陣列 讓陣列獲取到取出的值

async

onload()

) console.

log(ges)

this

.list =

json

.parse

(ges[1]

.data)

取資料的時候再把字串資料轉換為物件},

}<

/script>

css:

uni app專案記錄

1.如何定義乙個全域性屬性 在其他頁面就以 global.屬性名來呼叫 或者在min.js 中使用 vue.prototype 掛載到原型上 2.上拉載入 使用鉤子函式 onreachbottom 來監聽事件 定義全域性變數 page 1 請求資料時 thia.page 定義全域性變數 timer ...

uni app 專案記錄

await 等候,等待 期待 什麼是async await await 用於等待非同步完成 通常async await都是跟隨promise一起使用的 async返回的都是乙個promise物件同時async適用於任何型別的函式上。這樣await得到的就是乙個promise物件 async func...

記錄uniapp 分包步驟

注意事項 在分包路徑下新建static資料夾 將需要引用的檔案放入 在頁面引用 分包名 static 檔名 mp weixin usingcomponents true permission optimization plugins packoptions runmode liberate 開啟分包...