nuxtjs组合element

2019-08-13 08:56:46

1.添加elementUI 插件，plugins->ele.js,代码如下

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


在nuxt.config.js中配置这个插件

plugins: [
  '~/plugins/route',
  {src:'~/plugins/ele',
  ssr:true}
],

2.引入element样式

css: [
  'element-ui/lib/theme-chalk/index.css'
],


好了，按照以往写element的语法写就行了。

<el-button type="primary" @click="openVn">主要按钮</el-button>0
openVn() {
    this.$message('这是一条消息提示');

}


  • 精彩推荐

  • 2020-12-27 20:36:10

    音频播放AudioTrack之入门篇

    AudioTrack是管理和播放单一音频资源的类。AudioTrack仅仅能播放已经解码的PCM流，用于PCM音频流的回放。

  • 2020-12-29 14:33:00

    php降级处理yum如何降级

    现在我以php7.4降级到php7.2说起，当然降级是各有各的苦衷，不然谁闲的没事去降级呀，请说出的苦衷。。。。

  • 2020-12-29 14:35:12

    git 放弃所有修改

    此命令用来放弃掉所有还没有加入到缓存区（就是 git add 命令）的修改：内容修改与整个文件删除。但是此命令不会删除掉刚新建的文件。因为刚新建的文件还没已有加入到 git 的管理系统中。所以对于git是未知的。自己手动删除就好了。

  • 2020-12-29 16:20:29

    使用console进行 性能测试 和 计算代码运行时间

    对于前端开发人员，在开发过程中经常需要监控某些表达式或变量的值，如果使用用 debugger 会显得过于笨重，最常用的方法是会将值输出到控制台上方便调试。 最常用的语句就是console.log(expression)了。