vue+ionic4 模態框傳值

ionic的官網真是一言難盡，決定了用ionic開發，用什麼沒什麼，官網上說得超不詳細，但是預研了這麼久，發現很多它放在angular那邊的方法其實在vue裏也能用，但是在網上都搜不到，浪費了很多時間。

父頁面

import search from './search.vue'
export default {
    name: "swiper",
    data() {
      return {
    },
    methods: {
      async openModal() {
        const modal = await this.$ionic.modalController
          .create({
            component: search,
            componentProps: {
              data: {
                content: 'New Content',
              },
              propsData: {
                title: 'New title',
              },
            },
          });
        await modal.present();
        const { data } =await modal.onDidDismiss();
        console.log(data.result);
        this.msg = data.result;
      },
    },
  }

模態框

recordReturn(val){
     //modal關閉時傳值給父頁面
        this.$ionic.modalController.dismiss({
          'result': val
        });
      }