nuxtjs中单独引入Message组件的问题

2020-03-16 15:57:53

参考地址 element-ui中单独引入Message组件的问题

需要注意的事项，貌似nuxtjs中引入只需要下面的第四步就可以了。然后记得引入相应的css代码，否则很难看，代码，去element源码中去找。


1.安装elementui

npm i element-ui -S

2.安装 babel-plugin-component

npm install babel-plugin-component -D

3.找到.babelrc 把原文件内容全部删除，粘贴下面代码

{ "presets": [["env", {"modules": false,"targets": {"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]}}],"stage-2"],"plugins": ["transform-runtime",["component",[{"libraryName":"element-ui","styleLibraryName":"theme-default" //1.4的老项目用这个，2.0的用theme-chalk，假设没效果看看官网又把默认的主题改 成那个了 跟着改一下应该就可以了}]]],"comments":false,"env": {"test": {"presets": ["env", "stage-2"],"plugins": ["istanbul"]}}}

4.在mian.js中引入

// 引入elementUIimport { Message  } from 'element-ui';//由于Message组件并没有install 方法供Vue来操作的，是直接返回的，因此按照官方文档单独引入的方法是//会报错的，需要给 Message 添加 install 方法Message.install = function (Vue, options) {Vue.prototype.$message = Message}Vue.use(Message )//消息提示

组件中不需要引入，可以直接用了


  • 精彩推荐

  • 2017-03-16 13:37:58

    mysql中如何使用INSERT一次性插入多条记录

    看到这个标题也许大家会问，这有什么好说的，调用多次INSERT语句不就可以插入多条记录了吗！但使用这种方法要增加服务器的负荷，因为，执行每一次 SQL服务器都要同样对SQL进行分析、优化等操作。

  • 2017-03-18 20:17:09

    Linux上vi(vim)编辑器使用教程

    vi(vim)是上Linux非常常用的编辑器，很多Linux发行版都默认安装了vi(vim)。vi(vim)命令繁多但是如果使用灵活之后将会大大提高效率。vi是“visual interface”的缩写，vim是vi IMproved(增强版的vi)。在一般的系统管理维护中vi就够用，如果想使用代码加亮的话可以使用vim。下面vps侦探整理一下vi的使用教程：包含vi的基本介绍、使用模式、文件的打开关闭保存、插入文本或新建行、移动光标、删除、恢复字符或行、搜索等等，算是一篇比较适合新手学习vi的教程。

  • 2017-03-20 17:31:55

    Nodejs express 获取url参数，post参数的三种方式

    127.0.0.1:3000/index，这种情况下，我们为了得到index，我们可以通过使用req.params得到，通过这种方法我们就可以很好的处理Node中的路由处理问题，同时利用这点可以非常方便的实现MVC模

  • 2017-03-20 17:33:55

    forever守护nodejs进程

    这样可以正常启动应用，但是如果断开客户端连接，应用也就随之停止了。也就是说这样的启动方式没有给应用一个守护线程。

  • 2017-03-22 14:00:51

    Andriod Studio结合Visual Studio Emulator for Android调试Android App

    说到开发就绕不开调试程序，调试Android App我们有2种选择，真机调试和模拟器调试：真机调试相对简单，就不做介绍了,还有一方面原因是由于安卓手机一旦插到电脑上，开始ADB调试后，各种的流氓软件净是往手机上装垃圾应用，妈蛋的；随后就试了几次Android Studio的模拟器之后，无限感慨，真尼玛的卡，卡，卡，，，是可忍孰不可忍.....

  • 2017-03-22 16:26:36

    最全面的Android Webview详解

    现在很多App里都内置了Web网页（Hyprid App），比如说很多电商平台，淘宝、京东、聚划算等等，如下图

  • 2017-03-23 22:29:52

    Android开发中Handler的经典总结

    当应用程序启动时，Android首先会开启一个主线程(也就是UI线程)，主线程为管理界面中的UI控件，进行事件分发。