Ответы пользователя по тегу Nuxt.js
  • Как установить плагин в Nuxt.js?

    petrovnr
    @petrovnr Автор вопроса
    Господа, сам нашел ответ убив 3 дня)
    1. Vuetify не поддерживается в Nuxt.js
    2. Поддерживается ElementUI

    Инструкция как установить:
    3.0) npm install element-ui -S

    3.1) nuxt.config.js
    module.exports = {
        plugins: ['~plugins/element-ui.js'],


    3.2) ~plugins/ekement-ui.js
    import Vue from 'vue'
    
    const ElementUI = require('element-ui')
    const locale = require('element-ui/lib/locale/lang/ru-RU')
    Vue.use(ElementUI, {local)} // если вставить global ничего не меняется, пока я не понял почему так


    3.3 ~pages/index.vue
    <template>
    <div>
        <el-row>
            <el-col :span="24">
                <el-button>Default Button</el-button>
                <el-button type="primary">Primary Button</el-button>
                <el-button type="text">Text Button</el-button>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="24">
                <el-input-number v-model="num1" :min="1" :max="10"></el-input-number>
            </el-col>
        </el-row>
    </div>
    </template>
    
    <script>
    export default {
        layout: 'teub',
        data() {
            return {
                num1: 1
            }
        }
    }
    </script>
    
    <style>
    body {
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
        padding-top: 50px;
    }
    
    .el-row {
        padding: 10px;
        text-align: center;
    }
    </style>
    Ответ написан
    2 комментария