leatar 2023-09-05 16:23 采纳率: 0%
浏览 11

ts文件里调用了updateSchema,但是页面上没有变化,


//新增页面
export const addFormSchema: FormSchema[] = [
  { label: 'id', field: 'id', component: 'Input', labelWidth: '120px', show: false },
  {
    label: '标题',
    field: 'title',
    component: 'Input',
    labelWidth: '120px',
    required: true,
  },
  {
    label: '来源',
    field: 'source',
    component: 'RadioGroup',
    labelWidth: '120px',
    componentProps: ({ formModel, formActionType }) => {
      return {
        options: [
          {
            label: '系统',
            value: 0,
          },
          {
            label: '外部',
            value: 1,
          },
        ],
        onChange: (e: any) => {
          if (e.target.value == 0) {
            // console.log('dd', e.target.value == 1);
            // formModel.receiver = undefined; //  reset city value
            const { updateSchema } = formActionType;
            updateSchema([
              {
                label: '链接',
                field: 'externalLink',
                component: 'Input',
                labelWidth: '120px',
              },
            ]);
          } else {
            console.log('aa', addFormSchema);
          }
        },
      };
    },]
<template>
  <BasicModal
    v-bind="$attrs"
    @register="registerModal"
    :title="getTitle"
    @ok="handleSubmit()"
    class="replayModal"
  >
    <BasicForm @register="registerForm" class="addForm" />
  </BasicModal>
</template>

<script lang="ts" setup>
  import { ref, computed } from 'vue';
  import { BasicModal, useModalInner } from '/@/components/Modal';
  import { BasicForm, useForm } from '/@/components/Form/index';
  import { addFormSchema, formSchema } from './data';
  import { useMessage } from '/@/hooks/web/useMessage';
  import { lnsSet } from '/@/api/psp/lns';

  const emit = defineEmits(['success', 'register']);
  const { createMessage } = useMessage();

  const isUpdate = ref(true);

  const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
    labelWidth: 40,
    schemas: addFormSchema,
    showActionButtonGroup: false,
    actionColOptions: {
      span: 24,
    },
  });

  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
    resetFields();
    setModalProps({
      confirmLoading: false,
      title: '新增生活快讯',
    });

    isUpdate.value = !!data?.isUpdate;

    setFieldsValue(data.record.id == undefined ? { source: 1, isTop: 1 } : { ...data.record });
  });

  const getTitle = computed(() => '新增生活快讯');

  async function handleSubmit() {
    try {
      setModalProps({ confirmLoading: true });
      const values = await validate();
      console.log(values);

      await lnsSet(values).then(() => {
        createMessage.success('操作成功');
        closeModal();
      });
      emit('success');
    } finally {
      setModalProps({ confirmLoading: false });
    }
  }
</script>


  • 写回答

1条回答 默认 最新

  • 禅思院 前端领域优质创作者 2023-09-06 09:44
    关注

    没有看到你哪里有引用

    评论

报告相同问题?

问题事件

  • 创建了问题 9月5日

悬赏问题

  • ¥15 为啥画版图在Run DRC会出现Connect Error?可我Calibre的hostname和计算机的hostname已经设置成一样的了。
  • ¥20 网站后台使用极速模式非常的卡
  • ¥20 Keil uVision5创建project没反应
  • ¥15 mmseqs内存报错
  • ¥15 vika文档如何与obsidian同步
  • ¥15 华为手机相册里面的照片能够替换成自己想要的照片吗?
  • ¥15 陆空双模式无人机飞控设置
  • ¥15 sentaurus lithography
  • ¥100 求抖音ck号 或者提ck教程
  • ¥15 关于#linux#的问题:子进程1等待子进程A、B退出后退出(语言-c语言)