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
        });
      }