Ionic 用离子模态控制器捕捉发射

von4xj4u  于 2022-12-08  发布在  Ionic
关注(0)|答案(1)|浏览(170)

我怎样才能捕捉到从离子模型控制器中发射出的this.$?
我发现了这个问题,但该解决方案已过时:我如何捕捉一个模态this.$emit使用离子模态控制器我应该如何在Vue 3中做到这一点?
我的代码如下所示:

mounted() {
    this.$on('updateMaterialList', () => {
        this.$ionic.modalController.dismiss()
    })
  }

错误如下:

The Events api `$on`, `$off` `$once` is deprecated.
3npbholx

3npbholx1#

我最近解决了这个问题,方法是用函数“updateProducts”传递一个prop“update”,并在模态组件中定义prop“update”,然后用this.update(product)调用它。

this.modal = await modalController.create({
                component: ProductUpdateModal,
                componentProps: {
                  title: 'Update Product',
                  update: (product) => this.updateProducts(product)
              },
                
            })

在模态分量中:

props: {
  title: {
    type: String,
    default: 'Product'
  },
  update: { type: Function }
},

methods: {
   updateProductInfo(product) {
      this.update(product);         
   },
}

相关问题