useModal传参带参数过去

最新推荐文章于 2024-06-27 15:25:28 发布

CDwenhuohuo

最新推荐文章于 2024-06-27 15:25:28 发布

阅读量225

点赞数 5

文章标签： java 服务器前端

本文链接：https://blog.csdn.net/2302_76925238/article/details/139936441

版权

① import { useModal } from '@/components/Modal';

② const [registerSchemeModal, { openModal: openSchemeFileModal }] = useModal();

③

import SchemeModel from './Model/SchemeModel.vue';

④

    <SchemeModel @register="registerSchemeModal" @success="handleSchemeSuccess" />
  </div>
</template>

⑤传过去

  const handleArgument = (record) => {
    openregisterWhetherArgumentModal(true, record);
  };

取-------------

  import { BasicModal, useModalInner } from '@/components/Modal';










  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
    title.value = data?.title;
    downLoadUrl = data?.downLoadUrl;
    importType.value = data?.type;
    rowId.value = data?.record?.id;
    api = data?.api;
    params = data?.params;
    fileList.value = [];
    setModalProps({
      destroyOnClose: true,
      maskClosable: false,
      width: 800,
      height: 500,
    });
  });



  const [registerModal, { setModalProps, closeModal }] = useModalInner((initialRecord) => {
    Object.assign(record, initialRecord);
    console.log(
      '🚀 ~ const[registerModal,{setModalProps,closeModal}]=useModalInner ~ record.value:',
      record,
    );
    setModalProps({ confirmLoading: false });
  });