Vxe Design Nuxt

Vxe Design module for Nuxt

Features

• Automatically import components and styles on demand.

Installation

npm install vxe-design-nuxt -D

Configuration

export default defineNuxtConfig({
  modules: [
    'vxe-design-nuxt'
  ],
  vxeDesignSetting: {
    // global: true // 是否全局加载，如果 false 则按需加载
  }
})

Usage

<template>
  <div>
    <vxe-form-design :widgets="formDesignWidgets" :height="800" />
  </div>
</template>

<script>
export default {
  data() {
    const formDesignWidgets = [
      {
        group: 'base',
        children: [
          'VxeInput',
          'VxeTextarea',
          'VxeSelect',
          'VxeSwitch',
          'VxeRadioGroup',
          'VxeCheckboxGroup'
        ]
      }
    ]
    return {
      formDesignWidgets
    }
  }
}
</script>

Reference Nuxt documentation and playground use.

Development

• Run npm run update to install the dependencies.
• Run npm run run to start playground in development mode.
• Run npm run build to build this project.