素材巴巴 > 程序开发 >

nuxt.js中使用element-ui

程序开发 2023-09-21 16:42:20

如何在nuxt中使用element-ui

  • 在pages下的index.vue中添加
  • 总结

  • 一、在nuxt中安装element-ui

    1.在nuxt中运行下面代码

    npm install element-ui --save
     

    2.在package.json中查看

    在这里插入图片描述

    3.在plugins中添加 ElementUI.js

    在这里插入图片描述

    import Vue from "vue";
     import ElementUI from "element-ui";
     Vue.use(ElementUI);
     

    4.在nuxt.config.js中添加

    在这里插入图片描述

     css: ["element-ui/lib/theme-chalk/index.css"],plugins: [{ src: "~plugins/ElementUI" },],
     

    5.以上步骤完成后就可以测试了

    在pages下的index.vue中添加

    朴素按钮主要按钮成功按钮信息按钮警告按钮危险按钮
     
     

    在这里插入图片描述

    总结


    :以上就是今天要讲的内容,本文仅仅简单介绍了如何在nuxt中使用element-ui希望能对你有所帮助


    标签:

    素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。