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

简介: Ant Design Vue select下拉列表动态更新选中值
{
    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,
    },
  },
相关文章
|
1天前
|
分布式计算 资源调度 JavaScript
程序员必知:vue项目创建和启动、ElementUI的安装和快速学习
程序员必知:vue项目创建和启动、ElementUI的安装和快速学习
|
1天前
|
JavaScript
vue基础概念(1)
vue基础概念(1)
6 0
|
1天前
|
JavaScript
vue父子组件传值,父组件内容更新子组件内容不实时更新
vue父子组件传值,父组件内容更新子组件内容不实时更新
5 0
|
1天前
|
前端开发 JavaScript
vue+el-select下拉多选实现,全选,反选,清空功能源码
vue+el-select下拉多选实现,全选,反选,清空功能源码
4 0
|
1天前
|
JavaScript
vue知识点
vue知识点
14 6
|
2天前
|
JavaScript
Vue全局注册与局部注册异同点
Vue全局注册与局部注册异同点
12 6
|
2天前
|
JavaScript
Vue的小知识点
Vue的小知识点
8 2
|
2天前
|
JavaScript Apache
Vue升级及版本不匹配解决_Vue packages version mismatch:
Vue升级及版本不匹配解决_Vue packages version mismatch:
9 1
|
2天前
|
JavaScript
VUE之彩虹点击
VUE之彩虹点击
5 1