is there a way to just display the data not in an editable form?

Loooking around I found this at <a href="https://stackoverflow.com/questions/3507958/h

This works nicely <div class="highlight highlight-source-js notranslate position-r

Display only option about vuetify-form-base HOT 4 CLOSED

wotamann commented on July 21, 2024

Display only option

from vuetify-form-base.

Comments (4)

wotamann commented on July 21, 2024 1

Loooking around I found this at Stackoverflow: 'how-can-i-make-an-entire-html-form-readonly)'

<v-form>     
  <fieldset disabled="disabled">
    <v-form-base  :model="myModel"  :schema="mySchema"/>
  </fieldset>
</v-form>

from vuetify-form-base.

wotamann commented on July 21, 2024

Editing the entire form cannot be switched off, but you can disable selectively most of vuetify controls with Property 'disable'

myTextfield: {
   type: "text",
   disabled: true,
   ...
},

from vuetify-form-base.

philipbeadle commented on July 21, 2024

This works nicely

<!-- TipTap -->
                <div v-else-if="obj.schema.type === 'tiptap' && !editing" v-html="obj.value" />
                <tiptap-vuetify
                  v-else-if="obj.schema.type === 'tiptap' && editing"
                  :value="setValue(obj)"
                  @input="onInput($event, obj)"
                  @focus="onEvent($event, obj)"
                  @blur="onEvent($event, obj)"
                  :extensions="extensions"
                  :toolbar-attributes="{ color: 'info' }">
                </tiptap-vuetify>
              <!-- END Tiptap -->