Ant Design Vue select下拉列表动态更新选中值

最新推荐文章于 2023-11-24 12:22:09 发布

讓丄帝愛伱

最新推荐文章于 2023-11-24 12:22:09 发布

阅读量1.2k

点赞数

分类专栏：前端技术文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/ximaiyao1984/article/details/128248353

版权

前端技术专栏收录该内容

234 篇文章 7 订阅

订阅专栏

{
    label: '值班时间',
    field: 'nightFlag',
    component: 'Select',
    componentProps: ({ formModel, formActionType }) => {
      return {
        options: [
          {
            label: '白班',
            value: '1',
            key: '1',
          },
          {
            label: '夜班',
            value: '0',
            key: '0',
          },
        ],
        onChange: (e: any, option) => {
          console.log(e);
          // 开始时间
          // formSchema[2].defaultValue = '17:00';
		
		  // reset dutyTime value
          formModel.dutyTime = '10:00'; 
            /* const { updateSchema } = formActionType;
            updateSchema({
              field: 'dutyTime',
              componentProps: {
                options: TimeOptions,
              },
            }); */
        },
      }
    },
    required: true,
  },
  {
    label: '开始时间',
    field: 'dutyTime',
    component: 'Select',
    defaultValue: '09:00',
    componentProps: {
      options: TimeOptions,
    },
  },