Beta

Các component App Bridge này còn mới và chưa được kiểm thử trong Shopify admin thật. Trong giai đoạn beta, API có thể thay đổi ở bản phát hành minor. Nếu có gì không hoạt động, hãy mở issue.

AppWindow

Trước khi bắt đầu, xem Cài đặt; về open, xem Modal.

AppWindow render s-app-window, mà tài liệu @shopify/app-bridge-types mô tả là "a fullscreen modal window in the Shopify admin". src là bắt buộc: "the URL is loaded in an iframe when the window opens".

vue

<script setup lang="ts">
import { ref } from 'vue'
import { AppWindow } from 'polaris-vue-elements/app-bridge'

const open = ref(false)
</script>

<template>
  <button @click="open = true">Edit in bulk</button>
  <AppWindow id="bulk-editor" src="/bulk-editor" v-model:open="open" />
</template>

open, v-model:open, show/hide và việc ẩn khi unmount hoạt động giống như với Modal. Nó không có slot.

AppWindow ​

AppWindow