Avue 表单字段 select 下拉处理

Avue 表单 js文件内容

其中生效状态字段 是 下拉框字段

export const tableOption = {
  border: true,
  index: true,
  selection: true,
  indexLabel: '序号',
  stripe: true,
  menuAlign: 'center',
  align: 'center',
  dialogClickModal: false,
  searchMenuSpan: 6,
  labelWidth: 100,  // label 字段宽度
  column: [{
    type: 'input',
    label: 'id',
    prop: 'id',
    hide: true,
    editDisabled: true,
    editDisplay: false,
    addDisplay: false
  }, {
    type: 'select',   // 字段类型
    label: '生效状态',  // 显示label
    prop: 'status',
    dicData: [     // 下拉内容, 格式数组对象,  label: 显示内容  value: 值
    { label: '生效', value: '1' }, 
    { label: '失效', value: '0' }
    ],
    rules: [{    // 校验 
      required: true,  // true 必填, false(默认值) 非必填
      message: '请选择生效状态',  //  必填提示
      trigger: 'blur'
    }],
    search: true
  }	 
  ]
}