navigator
navigator
là component hỗ trợ điều hướng (routing) một cách trực tiếp trong txml.
Lưu ý: navigator
không hỗ trợ sự kiện onTap

Quét mã để trải nghiệm
Hoặc sử dụng link
https://tiki.vn/apps/vn.tiki.miniapp.demo?page=pages/component/basic/navigator/index
Xem code mẫu trên Tini Studiohttps://tiki.vn/apps/vn.tiki.miniapp.demo?page=pages/component/basic/navigator/index
Thuộc tính
Thuộc tính | Kiểu dữ liệu | Mô tả |
---|---|---|
class | string | Class name |
style | string | Inline style |
open-type | string | Navigation method. Mặc định là navigate (Xem chi tiết bảng dưới) |
url | string | Đường dẫn tới page chỉ định |
open-type
Thuộc tính | Mô tả |
---|---|
navigate | Di chuyển từ màn hình hiện tại tới màn hình mong muốn trong ứng dụng. Tương tự my.navigateTo |
redirect | Thay thế màn hình hiện tại bằng màn hình mong muốn trong ứng dụng. Tương tự my.redirectTo |
switchTab | Nhảy tới một tab chỉ định. Tương tự my.switchTab |
navigateBack | Đóng màn hình hiện tại và trở lại màn hình trước đó. Tương tự my.navigateBack |
reLaunch | Đóng tất cả các pages hiện tại và nhảy tới một page nào đó trong ứng dụng. Tương tự my.reLaunch |
exit | Thoát app. Tương tự my.exitMiniApp |
Sample Code
index.txml
<navigator open-type="navigate" url="pages/component/advance/modal/index">
Navigate to modal page
</navigator>
<navigator open-type="redirect" url="pages/component/advance/modal/index">
Redirect to modal page
</navigator>
<navigator open-type="switchTab" url="pages/api/index">
Switch to js api tab
</navigator>
<navigator open-type="navigateBack">
Navigate back
</navigator>
<navigator open-type="reLaunch" url="pages/component/advance/modal/index">
Relaunch to modal page
</navigator>
<navigator open-type="exit">
Exit app
</navigator>