Page 模組提供了控制頁面的方法。

Page的屬性

Page的方法

page.$()方法

$()方法用於獲取頁面的元素。$方法的輸入引數說明：

示例程式碼如下：

1 const page = await program.currentPage()
 
2 const element = await page.$('.index-desc')
3 console.log(element.tagName) // 'view'

page.$$()方法

$$()方法用於獲取頁碼元素陣列。$$方法的輸入引數說明：

示例程式碼如下：

1 const page = await program.currentPage()
2 const elements = await page.$$('.list-text')
3 console.log(elements.length)

Page.waitFor()方法

waitFor()方法用於等待直到條件成立。waitFor方法引數說明

• 如果條件是string型別時，那麼該引數會被當成選擇器，當該選擇器選中元素個數不為零時，結束等待。
• 如果條件是number，那麼該引數會被當成超時時長，當經過指定時間後，結束等待。
• 如果條件是FUnction型別，那麼該引數會被當成斷言函式，當該函式返回真時，結束等等。

示例程式碼如下：

1 const page = await program.currentPage() await page.waitFor(5000) // 等待 5 秒
2 await page.waitFor('picker') // 等待頁面中出現 picker 元素
3 await page.waitFor(async() = >{
4     return (await page.$$('picker')).length > 5
5 })； // 等待頁面中 picker 元素數量大於 5

Page.data()方法

data()方法用於獲取頁碼資料。data()方法引數如下：

示例程式碼如下：

1 const page = await program.currentPage();
2 console.log(await page.data('list'));

Page.setData（）方法

setData()方法用於設定頁面的渲染資料。setData()方法引數如下：

示例程式碼如下：

1 const page = await program.currentPage();
2 await page.setData({
3     text: 'changed data'
4 });

Page.size()方法

size()方法獲取頁面的大小。size()的返回值如下：

Page.callMethod（） 方法

callMethod()方法用於呼叫頁面的指定方法。callMethod()的引數說明如下：

參考網址

• Page控制頁面方法: https://uniapp.dcloud.io/collocation/auto/api?id=page