Computed Schema

Dynamic Property in Schema

If you want dynamic Properties in your Schema, then you must create a computed Schema.

This Example turns the Layout of the 'radio' control from Column to Row on Resizing to Layout-Size medium or greater.

data () {
  return {
    myModel:{
      radio: 'A',
    }, 
  }
},
//  dynamic Schema with computed 
computed:{
  mySchema() { 
    return {       
      radio: { type: 'radio', row: this.row, options:['A','B'] }
    }  
  },
  row () { return this.$vuetify.breakpoint.mdAndUp }
}

Last updated