前端那些事20240201-前端那些事-avue2 数据字典 字典使用

<avue-crud :data="data" :option="option" ></avue-crud>

<script>
let baseUrl = 'https://cli.avuejs.com/api/area'
export default {
    data() {
      return {
        data: [
          {
            province: '110000',
            cascader:[0,1],
          }, {
            province: '130000',
            cascader:[0,2],
          }
        ],
        option:{
          column:[{
              label:'本地字典',
              prop:'cascader',
              type:'cascader',
              dicData:[{
                label:'一级',
                value:0,
                children:[
                  {
                    label:'一级1',
                    value:1,
                  },{
                    label:'一级2',
                    value:2,
                  }
                ]
              }],
            },
            {
              label:'网络字典',
              prop:'province',
              type:'select',
              props: {
                  label: 'name',
                  value: 'code'
              },
              dicUrl:`${baseUrl}/getProvince`
            }]
        }
      }
    }
}
</script>

运行结果